Jquery选择器方面的问题

Question

$(".menu-overlay").stop().fadeIn(300);
$(".menu-overlay").stop().fadeOut(150);
$("#products_list .pic img")
$("#f11 .pic img")
$(".nav-second a img")
大家帮忙看下这几行代码
前两行中的-作用是什么？？
后面三个选择器方面的。跪求答案。谢谢了。

Answer 1

 $(".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