jQuery 关于选择器！！知道的进来帮下忙。。谢谢！！

$(function(){
$("li:has(ul)").children().click(function(){
$(this).next().toggle("200"); });
$("li").find("ul").hide();
});
<ul id="listUL">
<li><a href="#">Home</a></li>
<li><a href="#">News</a>
         <ul>
             <li><a href="#">Lastest News</a></li>
                <li><a href="#">All News</a></li>
            </ul>
        </li>
<li><a href="#">Sports</a>
         <ul>
             <li><a href="#">Basketball</a></li>
                <li><a href="#">Football</a></li>
                <li><a href="#">Volleyball</a></li>
            </ul>        
        </li>
<li><a href="#">Weather</a>
         <ul>
             <li><a href="#">Today's Weather</a></li>
                <li><a href="#">Forecast</a></li>
            </ul>
        </li>
<li><a href="#">Contact Me</a></li>
</ul>
$("li:has(ul)").children().click(function(){$(this).next().toggle("200"); }); 这句话是什么意思。。是怎么选择的。。麻烦帮忙解决下

解决方案 »

  1.   

    <html><head> 
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script>
    window.onload = (function(){
        $(function(){ 
            $("li:has(ul)").children().css("border-bottom", "3px double red");
            $("li:has(ul)").children().click(function(){ 
                $(this).next().toggle("200");
            }); 
            $("li").find("ul").hide(); 
        }); });
    </script>
    <style> 
    </style></head>
    <body>
    <ul id="listUL"> 
    <li> <a href="#">Home </a> </li> <!--Not Has ul-->
    <li> <a href="#">News </a> 
            <ul> <!--Has ul-->
                <li> <a href="#">Lastest News </a> </li> 
                <li> <a href="#">All News </a> </li> 
                </ul> 
    </li> 
    <li> <a href="#">Sports </a> 
            <ul> <!--Has ul-->
                <li> <a href="#">Basketball </a> </li>
                <li> <a href="#">Football </a> </li> 
                <li> <a href="#">Volleyball </a> </li> 
                </ul>        
    </li> 
    <li> <a href="#">Weather </a> 
            <ul> <!--Has ul-->
                <li> <a href="#">Today''s Weather </a> </li> 
                <li> <a href="#">Forecast </a> </li> 
            </ul> 
    </li> 
    <li> <a href="#">Contact Me </a> </li> <!--Not Has ul-->
    </ul> 
    </body ></html>
      

  2.   


    $("li:has(ul)")//包含有ul元素的li
    .children()//所有的子元素
      

  3.   

    哪 $(this).next().toggle("200");  是什么意思。。THIS NEXT是指什么  ？