jQuery之选择器

最新推荐文章于 2024-04-11 19:49:22 发布

gaearon

最新推荐文章于 2024-04-11 19:49:22 发布

阅读量245

点赞数

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

本文链接：https://blog.csdn.net/weixin_45499478/article/details/109481505

版权

基本选择器

基本选择器和CSS中的基本选择器用法一致，如下代码所示：

<body>
<button id="btn"></button>
<button class="cls box"></button>
<button class="cls" id="btn2"></button>

<script>
    // 标签选择器
    console.log($('button'))
    // id选择器
    console.log($('#btn'))
    // 类选择器
    console.log($('.cls'))
    // 组合选择器
    console.log($('.cls#btn2'))
    console.log($('.cls.box'))
    console.log($('.cls, #btn'))
    // 通配符选择器
    console.log($('*'))

</script>
</body>

结果：

在这里插入图片描述

层级选择器

jQuery中的层级选择器同样类似CSS中的层级选择器，如下代码：

<body>
    <div class="parent1">
        <div id="child4"></div>
        <div id="child1">

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

gaearon

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery之选择器

基本选择器基本选择器和CSS中的基本选择器用法一致，如下代码所示：<body><button id="btn"></button><button class="cls box"></button><button class="cls" id="btn2"></button><script> // 标签选择器 console.log($('button')) // id选择器
复制链接

扫一扫