代碼-Jquery選擇器方面的問題

Jquery選擇器方面的問題

$(".menu-overlay").stop().fadeIn(300);
$(".menu-overlay").stop().fadeOut(150);
$("#products_list .pic img")
$("#f11 .pic img")
$(".nav-second a img")
大家幫忙看下這幾行代碼
前兩行中的-作用是什麼？？
後面三個選擇器方面的。跪求答案。謝謝了。

最佳回答：

 $(".menu-overlay").stop().fadeIn(300);//class是menu-overlay的節點在300秒內完成淡入效果
$(".menu-overlay").stop().fadeOut(150);//class是menu-overlay的節點在150秒內完成淡出效果
$("#products_list .pic img")//節點id是products_list下找class名字是pic再找節點標簽是img的節點，不一定是直接下級，只要是下級就行了
也就是
<div id='products_list'>
   <div class='pic'>
         <img src=''/>
      </div>
</div>
$("#f11 .pic img")//同上面
$(".nav-second a img")//同上面，第一級class是nav-second，第二級標簽是a，第三級是img