159
Jquery中next和children的区别
next找的是同级的节点，children找的是子节点
<div>
<ul>
<li ><a href="#">这是一级菜单1</a>
<ul>
<li ><a href="#">这是二级菜单11</a></li>
<li ><a href="#">这是二级菜单12</a></li>
</ul>
</li>
<li ><a href="#">这是一级菜单2</a>
<ul>
<li ><a href="#">这是二级菜单21</a></li>
<li ><a href="#">这是二级菜单22</a></li>
</ul>
</li>
</ul>
</div>
jquery代码如下
$(document).ready(function(){
$("li.first").hover(function(){
$(this).children("ul").slideDown(); 找到的是如图表示标黑的ul节点
},
function(){
$(this).children("ul").slideUp();
});
});
如果改成$(this).next("ul")，则找不到，因为没有和它同一级的ul节点！
最后更新：2017-04-02 22:16:18