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

找个网站看一下jquery的相关内容就行了
我经常取得时w3school，上边好像就有介绍jquery的

前面两行是淡近淡出
后三行的选择器的用法和css选择器原理一样 看看基础就明白了 w3school

怎么看 menu-overlay 都是一个类名。

前面2两行是 让选择的元素 先停止动画效果，再执行 淡入\淡出

你可以看看这个 这个jQuery文档 JQuery_1.4_API.CHM

$(".menu-overlay").stop().fadeIn(300); //停止所有在指定元素上正在运行的动画, 0.3秒完成淡入效果，一楼说错了。 他的参数是以毫秒为单位，1000毫秒是一秒。其他正解

stop( )，只是停止当前动画，不是停止当前队列，一楼说的差不多，就单位错了，以及stop（）没解释

http://www.w3school.com.cn/jquery/jquery_selectors.asp
http://www.w3school.com.cn/jquery/jquery_stop.asp
http://www.w3school.com.cn/jquery/jquery_fade.asp

同意七楼 确实是0.3秒，fadeIn的参数单位是毫秒

好多高手回复，建议先看下html和css，DOM标签理顺了再看jquery，基本功打扎实。