手机
当前位置:查字典教程网 >编程开发 >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)使用方法】相关文章:

AngularJs中route的使用方法和配置

Jquery使用val方法读写value值

Jquery跨浏览器文本复制插件Zero Clipboard的使用方法

JQuery中clone方法复制节点

jquery.validate使用时遇到的问题

jquery使用each方法遍历json格式数据实例

Jquery实现动态切换图片的方法

jQuery实现返回顶部效果的方法

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

浅谈jQuery中replace()方法

精品推荐
分类导航