大佬教程收集整理的这篇文章主要介绍了Jquery 筛选选择器，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
$(“.dd”).children("ul"),show(); //找到.dd下的带Ul的所有子元素 显示
<!DOCTYPE html>
<html lang="en">
<head>
<Meta charset="UTF-8">
<Meta name="viewport" content="width=device-width,initial-scale=1.0">
<Meta http-equiv="X-UA-Compatible" content="ie=edge">
<script src="jquery1.12/jquery-1.12.4.js"></script>
<title>Document</title>
</head>
<body>
<style>
.li>a{
text-decoration: none;
display: block;
width: 140px;
}
ul{
list-style: none;
}
.Box>ul>li{
float: left;
margin: 50px;
}
.Box{
display: block;
height: 30px;
text-align: center;
}
.ul{
padding-left: 0;
text-align: center;
}
.li>ul{
display: none;
}
</style>
<div class="Box">
<ul class="ul">
<li class="li">
<a href="">公司简介</a>
<ul class="ul">
<li>二级菜单选项</li>
<li>二级菜单选项</li>
<li>二级菜单选项</li>
</ul>
</li>
<li class="li">
<a href="">招聘中心</a>
<ul class="ul">
<li>二级菜单选项</li>
<li>二级菜单选项</li>
<li>二级菜单选项</li>
</ul>
</li>
<li class="li">
<a href="">联系方式</a>
<ul class="ul">
<li>二级菜单选项</li>
<li>二级菜单选项</li>
<li>二级菜单选项</li>
</ul>
</li>
</ul>
</div>
<script>
//当我们鼠标移动到.Box>ul>li 这个元素的时候 显示它下面的ul 为什么？
//如果我们不把.Box>ul>li 元素设置事件 ，放我们把鼠标放在这个元素后 就会隐藏了
$(".Box>ul>li").mouSEOver(function(){
//$(this),因为this是DOM对象，所以需要转换
//children 是获取所有的子元素， a 和ul
//但是我们只需要ul 所以 children("ul"),show()
$(this).children("ul").show();
});
$(".Box>ul>li").mouSEOut(function(){
$(this).children("ul").hide();
});
</script>
</body>
</html>
以上是大佬教程为你收集整理的Jquery 筛选选择器全部内容，希望文章能够帮你解决Jquery 筛选选择器所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。