性值匹配后面跟一个“-”号的DOM 对象
a[title$=num] $('a[title$=num]')
获取具有这个属性且结尾属性值匹配的
DOM 对象
a[title!=num] $('a[title!=num]')
获取具有这个属性且不等于属性值的
DOM 对象
a[title~=num] $('a[title~=num]')
获取具有这个属性且属性值是以一个空格
分割的列表,其中包含属性值的DOM 对
象
a[title*=num] $('a[title*=num]')
获取具有这个属性且属性值含有一个指定
字串的DOM 对象
a[bbb][title=num1] $('a[bbb][title=num1]')
获取具有这个属性且属性值匹配的DOM
对象
属性选择器也不支持IE6,所以在CSS 界如果要兼容低版本,那么也是非主流。但jQuery却不必考虑这个问题。
//选定这个属性的 a[title] { //IE6 不支持 color:red; } $('a[title]').css('color', 'red');//兼容IE6 了 //选定具有这个属性=这个属性值的 a[title=num1] {//IE6 不支持 color:red; } $('a[title=num1]').css('color', 'red');//兼容IE6 了 //选定具有这个属性且开头属性值匹配的 a[title^=num] { //IE6 不支持 color:red; } $('a[title=^num]').css('color', 'red'); //兼容IE6 了 //选定具有这个属性且等于属性值或开头属性值匹配后面跟一个“-”号 a[title|=num] {//IE6 不支持 color:red; } $('a[title|="num"]').css('color', 'red');//兼容IE6 了 //选定具有这个属性且结尾属性值匹配的 a[title$=num] {//IE6 不支持 color:red; } $('a[title$=num]').css('color','red'); //兼容IE6 了 //选定具有这个属性且属性值不想等的 a[title!=num1] {//不支持此CSS 选择器 color:red; } $('a[title!=num1]').css('color','red');//jQuery 支持这种写法 //选定具有这个属性且属性值是以一个空格分割的列表,其中包含属性值的 a[title~=num] {//IE6 不支持 color:red; } $('a[title~=num1]').css('color','red'); //兼容IE6 //选定具有这个属性且属性值含有一个指定字串的 a[title*=num] {//IE6 不支持 color:red; } $('a[title*=num]').css('color','red');//兼容IE6 //选定具有多个属性且属性值匹配成功的 a[bbb][title=num1] {//IE6 不支持 color:red; } $('a[bbb][title=num1]').css('color','red');//兼容IE6
您可能感兴趣的文章: