jQuery属性过滤选择器

最新推荐文章于 2023-05-23 11:06:30 发布

BowenXu11

最新推荐文章于 2023-05-23 11:06:30 发布

阅读量212

点赞数

分类专栏： Jquery

本文链接：https://blog.csdn.net/BowenXu11/article/details/105615590

版权

Jquery 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

jQuery属性过滤选择器

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
    <script src="js/jquery-3.5.0.js"></script>
    <script type="text/javascript">
        //NO.选择器	描述
        //1[属性名称]	带有括号里的属性名称的元素集合
        //2[属性名称 = 属性值]	属性名称 = 属性值的元素集合
        //3[属性名称 != 属性值]	属性名称不等于属性值的元素集合
        //4[属性名称 ^= 属性值]	以该属性值开头的元素集合
        //5[属性名称$ = 属性值]	以该属性值结尾的元素集合
        
        //7[属性名称 *= 属性值]	包含该属性值字符串的元素集合
        //8[属性名称][属性名称]	多个属性过滤选择器的条件同时满足的元素结合
        $(function () {
            //$('input[name]').css('border', '1px solid blue');
            //$('input[name=xxx]').css('border', '1px solid blue');
            //$('input[name!=xxx]').css('border', '1px solid blue');
            //$('input[name^=a]').css('border', '1px solid blue');
            //$('input[name$=me]').css('border', '1px solid blue');
            //$('input[name *= aa]').css('border', '1px solid blue');
            $('input[name][value=以a开头的]').css('border', '1px solid blue');

        });

    </script>
</head>
<body>
    <input type="text" value="" />
    <input type="text" value="" />
    <input type="text" value="" />
    <input type="text" name="aname" value="以a开头的" />
    <input type="text" name="namea" value="" />
    <input type="text" name="naasssme" value="" />
    <input type="text" name="naame" value="" />
    <input type="text" name="xxx" value="xxx" />
    <input type="text" name="nasssme" value="" />
    <input type="text" name="name" value="" />
    <input type="text" name="name" value="" />
    <input type="text" name="name" value="" />
    <span id="text"></span>
</body>
</html>