前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >jquery属性值选择器

jquery属性值选择器

作者头像
用户1197315
发布2018-01-19 15:06:43
1.3K0
发布2018-01-19 15:06:43
举报
文章被收录于专栏:柠檬先生

$("[attribute|='value']") 选择指定属性值等于给定字符串或改字符串为前缀(该字符串后跟一个连字符“-”)的元素。 attribute: 一个属性名 value: 一个属性值

$(function(){

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

$("[attribute*='value']") 选择指定属性具有包含一个给定的子字符串的元素。(选择给定的属性是以包含某些值的元素) attribute: 一个属性名 value: 一个属性值,可以是一个不带引号的一个单词,或一个带引号的字符串。

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

$("[attribute~='value']") 选着指定属性用空格分隔的值中包含一个给定的元素。 attribute: 一个属性名 value: 一个属性值,可以是一个不带引号的一个单词,或一个带引号的字符串。

$(function(){

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

$("[attribute$='value']") 选择指定属性是以给定元素结尾的元素。这个元素比较是区分大小写的。 attribute: 一个属性名 value: 一个属性值,可以是一个不带引号的一个单词,或一个带引号的字符串。

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

$("[attribute='value']") 选择指定属性是给定值的元素。 attribute: 一个属性名。 value: 一个属性值,可以是一个不带引号的一个单词,或一个带引号的字符串。

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

$("[attribute!='value']") 选择指定属性不等于这个值的元素 attribute:一个属性名 value: 一个属性值,可以是一个不带引号的一个单词,或一个带引号的字符串。

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

$("[attribute^='value']") 选择指定属性就是以给定字符串开始的元素。 attribute:一个属性名 value: 一个属性值,可以是一个不带引号的一个单词,或一个带引号的字符串。

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

$("[attribute]") 选择所有具有指定属性的元素,该属性可以是任何值。 attribute: 一个属性名。

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

$("[attributeFilter1][attributeFilter2]attributeFilter3") 选择匹配所有指定的属性筛选器的元素 attributeFilter1: 一个属性过滤器 attributeFilter2:另一个属性过滤器,用于进一步减少被选择的元素。 attributeFilterN: 根据需要有更多的属性过滤器。

代码语言:javascript
复制
$(function(){    $('input[id][name$="man"]').val('only this one')    //查找那些有id属性,并且name 属性以man结尾的输入框,并设置值。})
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2015-10-17 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档