四大常见的jQuery选择器+案例

最新推荐文章于 2024-04-21 21:48:50 发布

代森森

最新推荐文章于 2024-04-21 21:48:50 发布

阅读量6.5k

点赞数 5

分类专栏：个人笔记文章标签： jquery javascript 前端

本文链接：https://blog.csdn.net/ovocc/article/details/123534001

版权

常见的jQuery选择器

前言
四大选择器
层级选择器
- 1.子代选择器
- 2.后代选择器
筛选选择器
筛选方式
:checked选择器

前言

jQuery唯一个javascrip库,里面封装了JavaScript常用的的功能代码，优化了DOM操作，事件处理，动画设计和Ajax交互。但因为jQuery对象有自己的封装，dom对象不能使用，所以需要选择器将对象选取出来使用

四大选择器

一.jQuery基础选择器

1.ID选择器

ID选择器可以选择指定id的元素

语法：$("#id")

案例:

<body>
    <div id="test">123</div>
</body>
<script>
    console.log($("#test"));
</script>

在这里插入图片描述

2.全选选择器

匹配所有元素

语法:$("*")
案例：

<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 的<

最低0.47元/天解锁文章

代森森

关注

5
点赞
踩
39

收藏

觉得还不错? 一键收藏
0
评论
四大常见的jQuery选择器+案例

常见的jQuery选择器前言四大选择器一.jQuery基础选择器1.ID选择器2.全选选择器3.类选择器4.标签选择器5.并集选择器6.交集选择器二、使用步骤1.引入库2.读入数据总结前言jQuery唯一个javascrip库,里面封装了JavaScript常用的的功能代码，优化了DOM操作，事件处理，动画设计和Ajax交互。但因为jQuery对象有自己的封装，dom对象不能使用，所以需要选择器将对象选取出来使用四大选择器一.jQuery基础选择器1.ID选择器ID选择器可以选择指定id的
复制链接

扫一扫