jQuery选择器

最新推荐文章于 2024-10-01 20:12:28 发布

Eli-sun

最新推荐文章于 2024-10-01 20:12:28 发布

阅读量167

点赞数

分类专栏： jQuery 文章标签： jquery javascript

本文链接：https://blog.csdn.net/vfjcgg/article/details/105280113

版权

jQuery 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

jQuery基础选择器
原生JS获取元素方式很多，很杂，而且兼容性情况不一致，因此jquery给我们做了封装，使获取元素统一标准
$(‘选择器’)// 里面选择器直接写CSS选择器即可，但是要加引号

jQuery层级选择器
在这里插入图片描述

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="jquery-mini.js"></script>
</head>

<body>
  
    <div>我是div</div>
    <div class="nav">我是nav div</div>
    <p>我是p</p>
    <ol>
        <li>我是ol 的</li>
        <li>我是ol 的</li>
        <li>我是ol 的</li>
        <li>我是ol 的</li>
    </ol>
    <ul>
        <li>我是ul 的</li>
        <li>我是ul 的</li>
        <li>我是ul 的</li>
        <li>我是ul 的</li>
    </ul>

    <script>
        $(function() {
            // $('.nav');
            console.dir($('.nav'))
            console.log($('ul li'));


        })
    </script>
</body>

</html>