在这么多属性选择器中[attr='value']和[attr*='value']是最实用的

[attr='value']能帮我们定位不同类型的元素，特别是表单形式元素的操作，比如说输入[type='text']，输入[类型='复选框']等

[attr*='value']能在网站中帮助我们匹配不同类型的文件

！DOCTYPE html html head meta http-equiv=' Content-type ' Content=' text/html；charset=utf-8/属性筛选选择器/h2 h3[att=val]，[att]，[att|=val]，[att ~=val]/H3 div class=' left ' test ttr=' true ' div class=' div ' test ttr=' true ' name=' P1 ' a[att=val]/a/div class=' div ' test ttr=' true ' p2 a[att]/a/div class=' div ' test ttr=' true ' name='-' a[att |=val/a/div class='查找所有差异中，属性名称=p1的差异元素$(“div[name=P1]”.css(“”边框，' 3px凹槽红色');/script脚本类型=' text/JavaScript '//查找所有差异中，有属性p2的差异元素$(“div[p2]”.css(“”边框，' 3px凹槽蓝色');/script脚本类型=' text/JavaScript '//查找所有差异中，有属性名字中的值只包含一个连字符"-"的差异元素$('div[name|='-']').css(“”边框，' 3px凹槽# 00ff 00’)；/script脚本类型=' text/JavaScript '//查找所有差异中，有属性名字中的值包含一个连字符"空"和" a "的差异元素$('div[name~='a']').css(“”边框，' 3px凹槽# 668 B8B’)；/剧本h3[att^=val]、[att*=val]、[att$=val]、[att！=val/H3 div class=' left ' test ttr=' true ' div class=' div ' test ttr=' true ' name=' imooc-aaorn ' a[att^=val]/a/div class=' div ' test ttr=' true ' name=' aaorn-imooc ' a[att $=val/a/div class=' div ' test ttr=' true ' name=' attr-test-selector ' a[att *=val/a/div class=' div ' name=' a b ' a[att！=val/a/div/div脚本类型='text/javascript' //查找所有差异中，属性名字的值是用imooc开头的$(' div[姓名=伊莫克]')。css(“”边框，' 3px凹槽红色');/script脚本类型=' text/JavaScript '//查找所有差异中，属性名字的值是用imooc结尾的$(' div[name $=imoc]').css(“”边框，' 3px凹槽蓝色');/script脚本类型=' text/JavaScript '//查找所有差异中，有属性名字中的值包含一个试验字符串的差异元素$('div[name*='test']').css(“”边框，' 3px凹槽# 00ff 00’)；/script脚本类型=' text/JavaScript '//查找所有差异中，有属性testattr中的值没有包含真的的div $('div[testattr！='true']').css(“”边框，' 3px凹槽# 668 B8B’)；/脚本/正文/html以上这篇jQuery选择器之属性筛选选择器用法详解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。