jQuery选择器之属性过滤选择器详解
本文实例为大家分享了jQuery属性过滤选择器的具体代码,供大家参考,具体内容如下
UntitledDocument div,span,p{ width:140px; height:140px; margin:5px; background:#aaa; border:#0001pxsolid; float:left; font-size:17px; font-family:Verdana; } div.mini{ width:55px; height:55px; background-color:#aaa; font-size:12px; } div.hide{ display:none; } $(function(){ $("#btn1").click(function(){ $("div[title]").css("background","#ffbbaa"); }); $("#btn2").click(function(){ $("div[title='test']").css("background","#ffbbaa"); }); $("#btn3").click(function(){ //选取的元素中包含没有title的div元素. $("div[title!='test']").css("background","#ffbbaa"); }); $("#btn4").click(function(){ $("div[title^='te']").css("background","#ffbbaa"); }); $("#btn5").click(function(){ $("div[title$='est']").css("background","#ffbbaa"); }); $("#btn6").click(function(){ $("div[title*='es']").css("background","#ffbbaa"); }); $("#btn7").click(function(){ $("div[id][title*='es']").css("background","#ffbbaa"); }); $("#btn8").click(function(){ $("div[title][title!='test']").css("background","#ffbbaa"); }); })
id为one,class为one的div class为mini