jquery选择器

最新推荐文章于 2024-01-14 11:54:30 发布

jiang_xiaoo24

最新推荐文章于 2024-01-14 11:54:30 发布

阅读量63

点赞数

分类专栏： python

本文链接：https://blog.csdn.net/jiang_xiaoo24/article/details/108819141

版权

python 专栏收录该内容

40 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>选择器</title>
</head>
<body>
<div> hello div</div>
<div class="div1">hello div1
    <ul>
        <li>111</li>
        <li>222</li>
        <li>333</li>
        <li>444</li>
    </ul>
</div>
<p>hello p</p>
<p id="p1">hello p1</p>

<div class="outer">
    <div>
        <p> hello p1</p>
    </div>
    <p>hello p2</p>
</div>
<div> hello div3</div>
<p>hello p3</p>
<p alex="dsb"> hello dsb1</p>
<p alex="dsb" id="xx">hello dsb2</p>
</body>
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script>
    //$("*").css("color","red")  //全部选择
    //$(".div1").css("color","red") //通过class属性选择
    //$("div").css("color","red") //通过元素选择
    //$("#p1").css("color","red") //通过id选择
    //$(".class,div,p").css("color","red") //多个元素全部被选择

    //层级选择器
    //$(".outer p").css("color","red")  //outer下面的后代p
    //$(".outer>p").css("color","red")  //outer下面的子代p
    //$(".outer+p").css("color","red")
    //$("outer~p").css("color","red")

    //基本筛选器
    //$("li:first").css("color","red") //取第一个
    //$("li:eq(2)").css("color","red") //从0开始取第2个
    //$("li:even").css("color","red")  //表示偶数
    //$("li:gt(1)").css("color","red") //从0开始大于第1个

    //属性选择器
    //$('[alex="dsb"]').css("color","red")
    $('[alex="dsb"][xx]').css("color","red")
</script>
</html>

jiang_xiaoo24

关注

0
点赞
踩
0

收藏

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

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>选择器</title></head><body><div> hello div</div><div class="div1">hello div1 <ul> <li>.
复制链接

扫一扫