4 jQuery 选择器

原生 JS 获取元素方式很多,很杂,而且兼容性情况不一致,因此 jQuery 给我们做了封装,使获取元素统一标准。

基础选择器

$("选择器")   //  里面选择器直接写 CSS 选择器即可,但是要加引号 

基础选择器和层级选择器案例代码

<body>

    <div>我是div</div>

    <div class="nav">我是nav div</div>

    <p>我是p</p>

    <ul>
        <li>我是ul 的</li>
        <li>我是ul 的</li>        
        <li>我是ul 的</li>
    </ul>

    <script>
        $(function() {

            console.log($(".nav"));
            console.log($("ul li"));

        })
    </script>
</body>
 

 

层级选择器

层级选择器最常用的两个分别为:后代选择器和子代选择器。

 

筛选选择器

筛选选择器,顾名思义就是在所有的选项中选择满足条件的进行筛选选择。常见如下 :

 

jQuery中还有一些筛选方法,类似DOM中的通过一个节点找另外一个节点,父、子、兄以外有所加强。

  

 

时间如白驹过隙,忽然而已,且行且珍惜......
原文地址:https://www.cnblogs.com/UnfetteredMan/p/13730952.html