1、在toggle()方法中,可以依次调用N个指定的函数,直到最后一个函数,然后重复对这个函数轮番调用,其语法如下:toggle(fn, fn2, [fn3, fn4,...]),其中fn、fn2、fn3、fn4等函数依次调用。 2、示例代码: 代码如下: toggle方法 body{font-size:13px} img{border:solid 1px #ccc;padding:3px} $(function(){ $("img").toggle(function(){ $("img").attr("src","Images/img05.jpg"); $("img").attr("title",this.src); },fun...
1、在DOM对象的实践操作中,既然存在用于绑定事件的bind方法,也相应存在用于移出绑定事件的方法,在JQuery中,可以通过unbind方法移除所有绑定的事件或某一个事件。 2、示例代码: 代码如下: unbind方法移除绑定事件 $(function(){ function oClick(){ //自定义事件 $("#divTip").append("这是按钮二绑定的事件"); }; $("input:eq(0)").bind("click",function(){ $("#divTip").append("这是按钮一绑定事件"); }); $("input:e...
前几天在看《jquery基础教程》,看到事件委托的时候,关于live()方法讲的不是很详细,就去搜了一下关于live()和delegate()的。 然后在一处看到live()已经被移除了,囧,然后去看了最新的jq源码,果然被移除了,现在是1.9.1版本,不知道live()是在之前哪个版本被移除的,惭愧啊,之前都没留意。 看源码发现bind()和delegate()都是由on()实现的。on()的描述如下: 代码如下:.on( events [, selector ] [, data ], handler(eventObjec...
今天遇到jquery怎么去掉hover的问题,最开始以为直接unbind(“hover”)就可以搞定,可是搞了半天都失败拉。百度也搜了很多关于jquery中对hover事件unbind,后还是在一个老外的博客上看到了正确的方法,现在爱微网拿出来共享网上所说的jquery取消hover事件有以下几种方法: 代码如下: /* 这种方法是错误的 */ $(#hover_div).unbind(hover); /* 这种方法也是错误的 */ $(#hover_div).unbind(mouseover).unbind(mouseout); /* 这种方法...
(1)什么是事件起泡 首先你要明白一点,当一个事件发生的时候,该事件总是有一个事件源,即引发这个事件的对象,一个事件不能凭空产生,这就是事件的发生。 当事件发生后,这个事件就要开始传播。为什么要传播呢?因为事件源本身并没有处理事件的能力。例如我们点击一个按钮时,就会产生一个click事件,但这个按钮本身不能处理这个事件(废话),事件必须从这个按钮传播出去,从而到达能够处理这个事件的代码中(例如我们给按钮的...
(1)jquery 绑定事件 目前1.7以上,jquery的事件绑定已经用on替换了原来的bind; 区别:(个人理解)bind是一次绑定事件到每一个子节点;on是只绑定到父节点,然后冒泡到各个子节点; 用法:bind 一个事件,一个方法:$(".class input").bind('click',function(e){...;e.stopPropagation;}) 两个事件,一个方法:$(".class input").bind('click mouseover',function(e){...;e.stopPropagation;}) 两个事件,两个方法:$(".class input...
首先我们需要清楚的是jquery load方法是对jQuery.ajax()进行封装以方便我们使用的一个方法,当我们需要处理较为复杂的逻辑时候,还是需要用到jQuery.ajax()这个比较全面的方法的。 调用load方法的完整语法格式:load( url, [data], [callback] )其中:url是指要导入文件的地址。data:可选参数;因为load不仅仅可以导入静态的html文件,还可以导入动态脚本,例如PHP文件,所以要导入的是动态文件时,我们可以把要传递的参数放在这里...
struts2中s:radio标签的使用总结 遇到的问题:在使用该标签时,设置了默认选中项,但提交数据返回后,单选框不能显示之前选中的项,仍然为默认选项 通过测试得出以下结论: 以为例 在使用s:radio标签的时候,如果要使该标签默认选中一项,可以通过两种方法 1、通过js代码实现 代码如下: document.getElementsByName(user.sex)[0].checked=true;//默认选中男 2、通过添加value属性 代码如下: 在通过value属性设置单选框的默认选...
在JS中,你写一个for循环的时候,内部的循环变量I其实是会保存在它运行的函数或类内的,所以你会发现你给元素批量绑定事件的时候,出现i=最后一个循环变量的值,这就很坑爹啊,解决的方案有2钟, 思路就是:把这个循环变量保存起来,不要让它的作用域在整个函数,而是在循环体内 1.使用闭包(如果你不懂闭包,请打开百度:www.baidu.com) 2.使用with关键字,with语法是with( obj ) { //使得可以在此直接访问obj的属性,而不用加obj....
文档就绪函数$(document).ready(function(){--- jQuery functions go here ----});这是为了防止文档在完全加载(就绪)之前运行 jQuery 代码。如果在文档没有完全加载之前就运行函数,操作可能失败。(试图隐藏一个不存在的元素;获得未完全加载的图像的大小) 把所有 jQuery 代码置于事件处理函数中把所有事件处理函数置于文档就绪事件处理器中 hide/show/toogle$(selector).hide(speed,callback);$(selector).show(speed,callback)...
首先我们看下面的一个很常见的事件绑定代码: 代码如下: //example $(#dom).click(function(e){ //do something }); $(#dom2).click(function(e){ //do something }); 这段代码在事件绑定处理上有一些缺陷: 过多的事件绑定会损耗内存 后期生成HTML会没有事件绑定,需要重新绑定 语法过于繁杂 解决方案 对于1、2两点的解决方案,我们首先先了解一下jQuery的事件绑定 jQuery的事件绑定有多个方法可以调用,以click事件来举例: cl...
input失去焦点和获得焦点 鼠标在搜索框中点击的时候里面的文字就消失了。 我们在做网站的时候经常会用到搜索框的获得焦点和失去焦点的事件,因为懒,每次都去写非常的烦,于是就一劳永逸,遇到类似情况就来调用一下就OK 了 相关js代码: 代码如下: input失去焦点和获得焦点jquery焦点事件插件 - 懒人建站 $(document).ready(function(){ //focusblur jQuery.focusblur = function(focusid) { var focusblurid = $(focusid); v...
代码如下: test 在上面的HTML中,red元素是green元素的父元素。 代码如下: $(function(){ $("#green").click(function(event){ alert("green click1"); }); $("#green").click(function(event){ alert("green click2"); }); $("#red").click(function(event){ alert("red click"); }); }); 上面的js代码给red元素和green元素添加了三个click事件。 当点击子元素green元素时,会依次执行green click1、green click2、...
目前1.7以上,jquery的事件绑定已经用on替换了原来的bind,接下来为大家介绍下bind的使用方法及input textare事件,感兴趣的朋友可以参考下 (1)jquery 绑定事件 目前1.7以上,jquery的事件绑定已经用on替换了原来的bind; 区别:(个人理解)bind是一次绑定事件到每一个子节点;on是只绑定到父节点,然后冒泡到各个子节点; 用法:bind 一个事件,一个方法:$(".class input").bind('click',function(e){...;e.stopPropagation;}) 两...
今天浏览jQuery的deprecated列表,发现live()和die()在里面了,赶紧看了一下,发现从jQuery1.7开始,jQuery引入了全新的事件绑定机制,on()和off()两个函数统一处理事件绑定。因为在此之前有bind(), live(), delegate()等方法来处理事件绑定,jQuery从性能优化以及方式统一方面考虑决定推出新的函数来统一事件绑定方法并且替换掉以前的方法。 on(events,[selector],[data],fn) events:一个或多个用空格分隔的事件类型和可选的命名空...