手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jquery 之 $().hover(func1, funct2)使用方法
jquery 之 $().hover(func1, funct2)使用方法
摘要:因为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>

【jquery 之 $().hover(func1, funct2)使用方法】相关文章:

jQuery中 prop() attr()使用详解

jQuery预加载图片常用方法

jquery表单对象属性过滤选择器用法

AngularJs中route的使用方法和配置

JavaScript中Number.MAX_VALUE属性的使用方法

JQuery中clone方法复制节点

jQuery子窗体取得父窗体元素的方法

浅谈jQuery中replace()方法

jquery.validate使用时遇到的问题

JavaScript中使用自然对数ln的方法

精品推荐
分类导航