jquery中的属性过滤选择器

最新推荐文章于 2024-04-05 12:11:45 发布

成长的小码农

最新推荐文章于 2024-04-05 12:11:45 发布

阅读量454

点赞数

分类专栏： jquery

本文链接：https://blog.csdn.net/zhs954838550/article/details/8821445

版权

jquery 专栏收录该内容

25 篇文章 0 订阅

订阅专栏

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <style type="text/css">
    div
    {

         border:solid 1px red;
         width:64px; height:64px;

         }
    </style>
    <script src="jquery-1.9.1.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $('#btn').click(function () {
                /*var sum = $('[title]');
                for (var i = 0; i < sum.length; i++) {
                alert(sum[i].nodeName);
                }*/
                //$('div[title]').css('background-color', '#eee'); //获取所有具有title属性的标签
                //$('div[title=t2]').css('background-color', '#eee'); //获取等于跟定title属性值的控件
                //$('div[title!=t2]').css('background-color', '#eee'); //获取不等于跟定title属性值的控件
                //$('div[title^=s]').css('background-color', '#eee'); //获取以给定值开始的控件
                //$('div[title$=s]').css('background-color', '#eee'); //获取以给定值结尾的控件
                //$('div[title*=s]').css('background-color', '#eee'); //获取包含给定值的所有控件
                $('div[title*=s][title$=2]').css('background-color', '#eee');//获取满足多个条件的符合属性的元素
            })
        })

    </script>
</head>
<body>