jquery - $(".out", this)是什么意思？后面加了一个stop（)方法怎么理解？
本文介绍了jquery - $(".out", this)是什么意思？后面加了一个stop（)方法怎么理解？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
问 题
$(document).ready(function(e) {
$("#title li a").wrapInner( '<span class="out"></span>' );
$("#title li a").each(function() {
$( '<span class="over">' + $(this).text() + '</span>' ).appendTo( this );
});
$("#title li a").hover(function() {
`$(".out", this).stop().`animate({'top': '40px'}, 300); // move down - hide
$(".over", this).stop().animate({'top': '0px'}, 300); // move down - show
}, function() {
$(".out", this).stop().animate({'top': '0px'}, 300); // move up - show
$(".over", this).stop().animate({'top': '-40px'}, 300); // move up - hide
});
});
</script>
</head>
<body>
<div id="title" class="menu">
<ul>
<li><a href="#">首 页</a></li>
<li><a href="#">企业文化</a></li>
<li><a href="#">产品展示</a></li>
<li><a href="#">新闻中心</a></li>
<li><a href="#">阳光服务</a></li>
<li><a href="#">加盟代理</a></li>
<li><a href="#">在线咨询</a></li>
</ul>
<div class="cls"></div>解决方案
我去，这个问题我记得回答过一次啊。。
$的第二个参数代表范围，此处的意思就是查找#title li a下的".out"这个元素。
$(this).find('.out').stop().animate({'top': '0px'},300);哦看到了，这次多问题了stop的问题。
这个是为了防止动画没有结束又再次触发。stop是先停止动画。
这篇关于jquery - $(".out", this)是什么意思？后面加了一个stop（)方法怎么理解？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
