您的位置是:网站首页>Javascript编程Javascript编程

jquery属性过滤选择器有哪些?

少儿编程网2020-11-20 16:26:12Javascript编程 人已围观 来源:少儿编程 -用户投稿

简介jquery属性过滤选择器有:“[attribute]”、“[attribute=值]”、“[attribute*=值]”、“[attribute~=值]”、“[attribute!=值]”、“[attribute^=值]”等等。【相关推荐:jQuery视频教程】jquery属性过滤选择器在HTML

版权所有:https://wWw.pxcodeS.com

jquery属性过滤选择器有:“[attribute]”、“[attribute=值]”、“[attribute*=值]”、“[attribute~=值]”、“[attribute!=值]”、“[attribute^=值]”等等。vsz少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

vsz少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

【相关推荐:jQuery视频教程】vsz少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

jquery属性过滤选择器vsz少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

在HTML文档中,元素的开始标记中通常包含有多个属性(attribute), 在jQuery中,除了直接使用id和class属性作为选择器之外,还可以根据各种属性(如title等)对由选择器查询到的元素进行过滤vsz少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

属性过滤选择器包含了在中括号"[]"中,而不是以冒号开头,通常使用"选择器[属性过滤选择器]"语法格式,可以根据是否包含指定属性或者根据属性值从查询到的元素中进行筛选。vsz少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

1:包含属性过滤器“[attribute]”vsz少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

用于选择包含给定属性的所有元素vsz少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

格式:vsz少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

$("selector[attribute]")

2:属性等于过滤器“[attribute=value]”vsz少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

用于筛选给定属性等于某特定值的所有元素vsz少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

     $("selector[attribute=value]");

例子:vsz少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

$("input[name=accept]").attr("checked", "true");  //将name为accept的复选框选中

3:属性包含过滤器“[attribute *= value]”vsz少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

用于选择指定属性值包含给定字符串的所有元素vsz少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

格式:vsz少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

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

例子:vsz少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

$("input[name*='news']").val("name中包含有news的元素");  //将name中包含'news'的文本框添加文本值

4:属性包含单词过滤器“[attribute ~= value]”vsz少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

用于选择指定属性值中包含给定单词(由空格分隔)的元素vsz少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

格式:vsz少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

$("selector[attribute~=value]");

例子:vsz少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

$('input[name~='news']').val("name中包含news单词的元素");

5:属性不等于过滤器“[attribute !=value]”vsz少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

用于选择不包含指定属性,或者包含指定属性但该属性不等于某个值的所有元素vsz少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

格式:vsz少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

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

6:属性开始过滤器“[attribute ^= value]”vsz少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

用于选择给定属性是以某特定值开始的所有元素vsz少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

格式:vsz少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

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

7:属性结尾过滤器“[attribute $= value]”vsz少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

用于选择给定属性是以某特定值结尾的所有元素vsz少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

格式:vsz少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

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

8:复合属性过滤器vsz少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

用于选择同时满足多个条件的所有元素vsz少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

格式:vsz少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

$("selector[selector1][selector2]...[selector[N]")

实例:vsz少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

$("input[id][name^='news']").val("复合条件")//用于选择包含有id属性并且name值以'news'开头的文本框,并对其值进行设置

更多编程相关知识,请访问:编程视频!!

以上就是jquery属性过滤选择器有哪些?的详细内容,更多请关注少儿编程网其它相关文章!vsz少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

来源:php中文网vsz少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

版权所有:https://wWw.pxcodeS.com

相关文章:

支持一下 ( )

jquery属性过滤选择器有哪些?

      匿名评论
    • 评论
    人参与,条评论
    jquery属性过滤选择器有哪些?

微信公众号

免费视频教程

先知道