通过自定义选择器找到标签

通过自定义选择器找到标签

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <script  src="http://libs.baidu.com/jquery/1.7.2/jquery.min.js"></script>
</head>
<body>
    <div class="box">
        <h3 data-liu="1">两只黄鹂鸣翠柳</h3>
        <h3 data-liu="2">一行白鹭上青天</h3>
        <h3 magicliu="3">噫吁嚱，危乎高哉！</h3>
        <h3 magicliu="4">蜀道之难，难于上青天！</h3>
    </div>
</body>
<script type="text/javascript">
    $(".box").find('h3[data-liu="1"]').css("color","red");
    $(".box").find('h3[data-liu="2"]').css("color","blue");
    $(".box").find('h3[magicliu="3"]').css("color","green");
    $("h3[magicliu='4'").css("color","yellow");
</script>
</html>
posted @ 2020-06-03 10:55  锐庆  阅读(115)  评论(0)    收藏  举报