转载

jquery属性值选择器

$("[attribute|='value']")

选择指定属性值等于给定字符串或改字符串为前缀（该字符串后跟一个连字符“-”）的元素。

attribute: 一个属性名

value: 一个属性值

$(function(){

    $('a[hreflang|="en"]').css("border","2px solid red");
        //查找hreflang属性值是英语的所有链接。
});

$("[attribute*='value']")

选择指定属性具有包含一个给定的子字符串的元素。（选择给定的属性是以包含某些值的元素）

attribute: 一个属性名

value: 一个属性值，可以是一个不带引号的一个单词，或一个带引号的字符串。

$(function(){
    $('input[name*="man"]').css("border","2px solid red");
        //查找所有 input 的 name 属性中带有 'man' 的元素，并添加边框
});

$("[attribute~='value']")

选着指定属性用空格分隔的值中包含一个给定的元素。

attribute: 一个属性名

value: 一个属性值，可以是一个不带引号的一个单词，或一个带引号的字符串。

$(function(){

    $('input[name~="man"]').css("border","2px solid red");
        //查找所有属性中含有 'man' 这个单词的文本框，并且修改其文本值。
})

$("[attribute$='value']")

选择指定属性是以给定元素结尾的元素。这个元素比较是区分大小写的。

attribute: 一个属性名

value: 一个属性值，可以是一个不带引号的一个单词，或一个带引号的字符串。

$(function(){
    $('input[name$="letter"]').css("border","2px solid red");
            //查找所有的属性名称以"letter"的结束，并把他们的文字输入。
})

$("[attribute='value']")

选择指定属性是给定值的元素。

attribute: 一个属性名。

value: 一个属性值，可以是一个不带引号的一个单词，或一个带引号的字符串。

$(function(){
    $('input[value="Hot Fuzz"]').next().text("Hot Fuzz");
        //查找input 中 value 值等于 Hot Fuzz 的将其后面的元素添加文本。
})

$("[attribute!='value']")

选择指定属性不等于这个值的元素

attribute:一个属性名

value: 一个属性值，可以是一个不带引号的一个单词，或一个带引号的字符串。

$(function(){
    $('input[name!="newsletter"]').next().append("<b>；not newsletter</b>")
            //查找input 中name 不等于 newletter 的下一个元素追加 文本。
                注：主要含有这个字符串就行。
})

$("[attribute^='value']")

选择指定属性就是以给定字符串开始的元素。

attribute:一个属性名

value: 一个属性值，可以是一个不带引号的一个单词，或一个带引号的字符串。

$(function(){
    $('input[name^="news"]').val("news here!");
    //查找input 中 name 中含有new 这个字符串的 添加value 值。
})

$("[attribute]")

选择所有具有指定属性的元素，该属性可以是任何值。

attribute: 一个属性名。

$(function(){
    $('div[id]').css("color","red")
            //给绑定id属性的div的文本颜色变成红色。
})

$("[attributeFilter1][attributeFilter2]attributeFilter3")

选择匹配所有指定的属性筛选器的元素

attributeFilter1: 一个属性过滤器

attributeFilter2：另一个属性过滤器，用于进一步减少被选择的元素。

attributeFilterN：根据需要有更多的属性过滤器。

$(function(){
    $('input[id][name$="man"]').val('only this one')
    //查找那些有id属性，并且name 属性以man结尾的输入框，并设置值。
})

正文到此结束

所属分类：编程技术

本文标签： value App CSS
版权声明： 本文为互联网转载文章，出处已在文章中说明(部分除外)。如果侵权，请联系本站长删除，谢谢。
本文海报： 生成海报一生成海报二

其他链接

关于本站

本站定位：个人技术类博客

本站作用：写博客、记日志、闲聊扯淡鼓捣技术。

问题交流

jquery属性值选择器

热门推荐

相关文章

说给你听

本文目录

随机标签

书籍教程

近期评论

网站信息

其他链接

关于本站

问题交流