jQuery hover事件简单实现同时绑定2个方法

jQuery hover事件简单实现同时绑定2个方法,第1张

本文实例讲述了jQuery

hover事件简单实现同时绑定2个方法。分享给大家供大家参考,具体如下:

这里将hover事件同时挂2个方法:

1个是悬停的时候执行的,另外一个是离开的时候执行

代码如下:

$(document)ready(function()

{

$("#orderedlist

li")hover(

function()

{$(this)addClass("blue");},

function()

{$(this)removeClass("blue");}

);

});

PS:上面的代码小编没有进行格式化处理,这里顺便为大家推荐几款在线代码格式化、美化工具,相信大家在以后的开发过程中会用得到:

在线JavaScript代码美化、格式化工具:

>

没改别的,只重设了几个样式:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ">

代码如下,注意id值是不能重复的:

<a class="myclass"><div></div>

<a class="myclass"><div></div>

<a class="myclass"><div></div>$('myclass')click(function() {

    var div = $(this)next();

    divtext('loading');

    divload(""); // 替换为你的地址

});

望采纳,谢谢支持!

给你的方法做一下延迟响应,用setTimeout来做。

var a;

$("#sb")hover(

setTimeout(function(){

a= $("#sb1")show();

},300),function(){

clearTimeout(a) ;

});

这个方法的思路就是为了防止用户恶意滑动鼠标 数值的你可以调到一个合适的值

以上就是关于jQuery hover事件简单实现同时绑定2个方法全部的内容,包括:jQuery hover事件简单实现同时绑定2个方法、js/jquery 如何判断当前是否具有某个事件 比如说是否具有hover事件、jquery 菜单hover时的问题等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9642330.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-30
下一篇 2023-04-30

发表评论

登录后才能评论

评论列表(0条)

保存