求教jquery的hover事件触发有关问题
日期：2014-05-16 浏览次数：20341 次
求教jquery的hover事件触发问题
先贴下代码：
问题是这样的，当鼠标进入第一个DIV元素的时候图片上的文字层有一个slideDown的效果，但是第二个也会同时触发，如果想要不连带其他相同元素触发事件应该怎么改？
------解决方案--------------------
$(".box div").stop().slideDown();
=>
$(this).find('div').stop().slideDown();
先贴下代码：
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<script src="jquery.js"></script>
</head>
<body>
<script>
$(document).ready(function(){
$(".box").hover(function() {
$(".box div").stop().slideDown();
}, function() {
$(".box div").stop().slideUp();
});
</script>
<div class="box">
<img src="http://placehold.it/280x210/2efff3" alt="">
<div>
<h4>标题</h4>
<p>标题描述</p>
</div>
</div>
<div class="box">
<img src="http://placehold.it/280x210/2efff3" alt="">
<div>
<h4>标题</h4>
<p>标题描述</p>
</div>
</div>
</body>
</html>
问题是这样的，当鼠标进入第一个DIV元素的时候图片上的文字层有一个slideDown的效果，但是第二个也会同时触发，如果想要不连带其他相同元素触发事件应该怎么改？
------解决方案--------------------
$(".box div").stop().slideDown();
=>
$(this).find('div').stop().slideDown();
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
