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; } $(document).ready(function(){ $("#btn1").click(function(){ //选取子元素,需要在选择器前添加一个空格. $("div.one:nth-child(2)").css("background","#ffbbaa"); }); $("#btn2").click(function(){ $("div.one:first-child").css("background","#ffbbaa"); }); $("#btn3").click(function(){ $("div.one:last-child").css("background","#ffbbaa"); }); $("#btn4").click(function(){ $("div.one:only-child").css("background","#ffbbaa"); }); });
id为one,class为one的div class为mini