jquery 之 $().hover(func1, funct2)使用方法
jquery 之 $().hover(func1, funct2)使用方法
发布时间:2016-12-30 来源:查字典编辑
摘要:因为hover不是标准的事件,因此无法直接使用live进行处理,故使用以下方法代替,效果一样。复制代码代码如下:$("tabletr").l...

因为hover不是标准的事件,因此无法直接使用live进行处理,故使用以下方法代替,效果一样。

复制代码 代码如下:

$("<SPAN>table tr</SPAN>").live({

<SPAN>mouseenter:</SPAN>

function()

{

<SPAN>//todo</SPAN>

},

<SPAN>mouseleave:</SPAN>

function()

{

<SPAN>//todo</SPAN>

}

});

在循环输出的<div>中,只针对某个<div>下的内容进行处理的时:可以使用$(this).find()来实现:

复制代码 代码如下:

<body>

<div>

<divCOLOR: #3366ff">display:none</SPAN>">

<a href="#"><div>{lang user/repick}</div></a>

<a href="#"><div>{lang user/reply}</div></a>

</div>

</div>

<div>

<divCOLOR: #3366ff">display:none</SPAN>">

<a href="#"><div>{lang user/repick}</div></a>

<a href="#"><div>{lang user/reply}</div></a>

</div>

</div>

<div>

<divCOLOR: #3366ff; BACKGROUND-COLOR: #ffffff">display:none</SPAN>">

<a href="#"><div>{lang user/repick}</div></a>

<a href="#"><div>{lang user/reply}</div></a>

</div>

</div>

<div>

<divCOLOR: #3366ff">display:none</SPAN>">

<a href="#"><div>{lang user/repick}</div></a>

<a href="#"><div>{lang user/reply}</div></a>

</div>

</div>

<script type="text/javascript">

$("<SPAN>.water</SPAN>").<SPAN>hover</SPAN>(

function (){

$(this).<SPAN>find</SPAN>("<SPAN>.action</SPAN>").show();

},

function (){

$(this).<SPAN>find</SPAN>("<SPAN>.action</SPAN>").hide();

}

)

</script>

</body>

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类