jQuery中的基本选择器用法学习教程(4)

性值匹配后面跟一个“-”号的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

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wgywxz.html