jQuery选择器

jQuery选择器：
jQuery选择器的写法和CSS选择器的写法非常相似，在学习之前了解下CSS选择器，对掌握jQuery选择器是非常有帮助的,如果不了解的，去我之前的博客翻。

基本选择器：

和js里的css选择器差不多用法

 <div class="nav">
   <p>儿子</p>
     <div>
         <p>孙子</p>
     </div>
 </div>
     <script src="js/jquery.min.js"></script>
    <script>
        $(".nav>p").css("background","pink");//儿子
        $(".nav p").css("background","skyblue");//儿子 孙子
    </script>

筛选选择器：

找的是索引号(下标)

筛选方法：

<div class="nav">
        <p>儿子</p>
        <div>
            <p>孙子</p>
        </div>
</div>
    <script src="js/jquery.min.js"></script>
    <script>
        //选择亲儿子类似于子代选择器ul>li
        $(" .nav").children("p").css("background", "pink")
        console.log($(" .nav").children("p"))
            //选择里面所有的孩子包括儿子和孙子 类似于后代选择器ul li
        $(" . nav").find("p").css("background", "skyblue")
        console.log($(" . nav").children("p"))
    </script>