这篇文章主要介绍了JQuery中使用on方法绑定hover事件实例,本文用于一些特殊环境下,需要的朋友可以参考下文本教你用on方法，模拟hover方法。代码如下：$(obj).on("mouseover mouseout",function(event){if(event.type == "mouseover"){//鼠标悬浮}else if(event.type == "mouseout"){//鼠标离开} })赶紧去以上就是JQuery使用on方法如何绑定hover事件的代码案例的详细内容，更多请关注Gxl网其它相关文章！
1.bind 方法定义和用法bind() 方法向被选元素添加一个或多个事件处理程序，以及当事件发生时运行的函数。自jq版本1.7起，on()方法是被选中元素添加事件处理程序的首选方法语法$(selector).bind(event,data,function,map)参数描述event必需。规定添加到元素的一个或多个事件。由空格分隔多个事件值。必须是有效的事件。data可选。规定传递到函数的额外数据。function必需。规定当事件发生时运行的函数。map规定事件映射 ({event:fun...
hover()函数用于为每个匹配元素的hover事件绑定处理函数。hover事件就是鼠标悬停事件。此外，你还可以额外传递给事件处理函数一些数据。此外，你可以为同一元素多次调用该函数，从而绑定多个事件处理函数。触发hover事件时，jQuery会按照绑定的先后顺序依次执行绑定的事件处理函数。要删除通过hover()绑定的事件，请使用unbind()函数。该函数属于jQuery对象(实例)。语法hover()函数主要有以下两种用法：用法一：jQueryObject.hover...
在最新的JQuery的程序库中jquery-2.2.3.js中已经有好几个函数被替换到了。应该说版本过1.8或1.9时就淘汰了。 如：.live() 1.9以上被淘汰。 替代函数：.on()。.die() 1.9以上被淘汰。 替代函数：.off()。.size() 1.8以上被淘汰。替代函数：.length。.toggle() 1.8以上被淘汰。对于toggle，一般都会用if进行替换。 如正常用toggle：$(".one .top").toggle( function (){$(".content").show(1500);$(".iocn").addClass("jian")...
概述触发每一个匹配元素的blur事件。这个函数会调用执行绑定到blur事件的所有函数，包括浏览器的默认行为。可以通过返回false来防止触发浏览器的默认行为。blur事件会在元素失去焦点的时候触发，既可以是鼠标行为，也可以是按tab键离开的参数fnFunctionV1.0在每一个匹配元素的blur事件中绑定的处理函数。[data],fnString,FunctionV1.4.3data:blur([Data], fn) 可传入data供函数fn处理。fn:在每一个匹配元素的blur事件中绑定的处理函...
select下拉列表的选中方法是：$("slect option:eq(1)").attr("selected",true);//选中第二个optionchekbox的选中方法：$("[value=check1"]:checkbox).attr("checked",true);radio的选中方法：$("[value=radio2"]:radio).attr("checked",true);以上是简写，重要的是看代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head><meta http-equi...
在使用jQuery的hover事件时，经常会因为鼠标滑动过快导致菜单不停闪动的情况，相信很多朋友都遇到过自己做的纵向下拉菜单不停的收缩，非常的讨厌。今天在给一个网站设计菜单时也遇到了这个情况，结果在百度上找了N久，没有找到解决方法。在这里吐槽一下，百度太2了，收录的内容都没什么价值，最后还是在google找到了解决方法，下面就把这个jQuery的hover在IE中会导致不停闪动的解决方法教给大家。$("#category ul").find("li").eac...
下面小编就为大家带来一篇jquery 中toggle的2种用法详解(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧一、在元素的click事件中绑定两个或两个以上的函数 toggle不像bind需要在后面添加"click"来绑定click触发事件，toggle本身就是click触发的（而且只能click触发），如下实例：<input id="btntest" type="button" value="点一下我" /> <p>我是动态显示的</p><script type="text/javascr...
实例切换不同的背景色：$("p").toggle(function(){$("body").css("background-color","green");},function(){$("body").css("background-color","red");},function(){$("body").css("background-color","yellow");} );亲自试一试定义和用法toggle() 方法用于绑定两个或多个事件处理器函数，以响应被选元素的轮流的 click 事件。该方法也可用于切换被选元素的 hide() 与 show() 方法。向 Toggle 事件绑定两个或更多函数当指定元素被...
概述一个模仿悬停事件（鼠标移动到一个对象上面及移出这个对象）的方法。这是一个自定义的方法，它为频繁使用的任务提供了一种“保持在其中”的状态。当鼠标移动到一个匹配的元素上面时，会触发指定的第一个函数。当鼠标移出这个元素时，会触发指定的第二个函数。而且，会伴随着对鼠标是否仍然处在特定元素中的检测（例如，处在div中的图像），如果是，则会继续保持“悬停”状态，而不触发移出事件（修正了使用mouseout事件的一个常...
下面小编就为大家带来一篇jquery移除了live()、die(),新版事件绑定on()、off()的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧我蛋疼了快10分钟，怎么调用都是报错，最后一查，原来jquery已经移除了live()和die()方法。使用了新的事件绑定方法on()、解除绑定方法off().新的绑定方法on()和比live()相比，效率比之前的高。因为live()是固定在document节点上的。如果绑定的元素嵌套在很深的层...
hover([over,]out)一个模仿悬停事件（鼠标移动到一个对象上面及移出这个对象）的方法当鼠标移动到一个匹配的元素上面时，会触发指定的第一个函数。当鼠标移出这个元素时，会触发指定的第二个函数。$(.myp).hover(function() {doSomething... }, function() {doSomething... });而问题是有些元素比如菜单是通过AJAX动态加载的，hover方法执行的时候菜单还没加载出来呢，所以就要用到jquery的另一个方法live().live() 方法能对一个...
jQuery 1.9变化有几点，最重要的是标题所提到的browser,live,die,sub,toggle这几个，如果你在使用过程中遇到高级版本不行，而低版本却可以的时候，那你就要了解一下是不是版本升级带来的影响了。之前也转载过一篇“jQuery1.9升级和删除的API指南”的文章，文里面介绍了很多方面，其实很多我都没用过，这上面的几个，我也是熟悉过browser，live，toggle而已。·jQuery.browser()官方推荐修改方式是通过条件判断来区分不同的浏览器<!-...
delegate() 方法为指定的元素（属于被选元素的子元素）添加一个或多个事件处理程序，并规定当这些事件发生时运行的函数delegate定义和用法 delegate() 方法为指定的元素（属于被选元素的子元素）添加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。 使用 delegate() 方法的事件处理程序适用于当前或未来的元素（比如由脚本创建的新元素）。 参数描述childSelector必需。规定要附加事件处理程序的一个或多个子元素。ev...
delegate()函数用于为指定元素的一个或多个事件绑定事件处理函数。此外，你还可以额外传递给事件处理函数一些所需的数据。即使是执行delegate()函数之后新添加的元素，只要它符合条件，绑定的事件处理函数仍然对其有效。此外，该函数可以为同一元素、同一事件类型绑定多个事件处理函数。触发事件时，jQuery会按照绑定的先后顺序依次执行绑定的事件处理函数。要删除通过delegate()绑定的事件，请使用undelegate()函数。从jQuery 1.7...