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中的通过一个节点找另外一个节点，父、子、兄以外有所加强。

posted @ 2020-09-25 16:22 unfetteredman 阅读(95) 评论(0) 收藏举报

刷新页面返回顶部