好资源导航 » 文章资讯 » jQuery选择器之子元素过滤选择器

jQuery选择器之子元素过滤选择器

2023-09-23 22:04:06 68

本文实例为大家分享了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

id为two,class为one,title为test的div class为mini,title为other

class为mini,title为test

class为mini class为mini class为mini class为mini class为mini class为mini class为mini,title为tesst style的display为"none"的div class为"hide"的div

包含input的type为"hidden"的div

正在执行动画的div元素.

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

返回顶部
514930285
czq8825@qq.com

jQuery选择器之子元素过滤选择器

热门推荐

随机推荐