首页 »Javascript教程 » jquery:JQuery中的事件(2)(转帖) »正文jquery:JQuery中的事件(2)(转帖)来源: 发布时间:星期三, 2008年12月10日 浏览:54次 评论:0
select( fn )
在每一个匹配元素的select事件中绑定一个处理函数 返回值:jQuery 参数: fn(Function)绑定到每一个匹配元素的select事件的一个方法 例子: $("p").select( function() { alert("Hello"); } ); 之前: <p>Hello</p> 结果: <p >Hello</p> submit() 触发每一个匹配元素的submit事件。这个函数会调用执行绑定到submit事件的所有函数,并且在匹配元素上调用浏览器的默认动作。这个默认的动作可以通过从绑定到select事件的方法中返回false避免。 注意:这个函数不会调用form元素的submit方法!如果需要通过代码来提交表单,必须使用DOM方法,例如:$("form")[0].submit(); 返回值:jQuery 例子:触发所有注册的匹配的form(s)和submit项目的submit事件 $("form").submit(); submit( fn ) 在每一个匹配元素的submit事件中绑定一个处理函数 返回值:jQuery 参数: fn(Function)绑定到每一个匹配元素的submit事件的一个方法 例子:当没有输入值的时候避免form提交 $("#myform").submit( function() { return $("input", this).val().length > 0; } ); 之前: <form id="myform"><input /></form> toggle( even, odd ) 每次点击时切换要调用的函数。如果点击了一个匹配的元素,则触发指定的第一个函数,当再次点击同一元素时,则触发指定的第二个函数。随后的每次点击都重复对这两个函数的轮番调用。 可以使用unbind("click")来删除。 返回值:jQuery 参数: even(Function)奇数次点击时要执行的函数 odd(Function)偶数次点击时要执行的函数 例子: $("p").toggle(function(){ $(this).addClass("selected"); },function(){ $(this).removeClass("selected"); }); trigger( type, data ) 在每一个匹配的元素上触发某类事件。这同样会触发同名的浏览器的默认动作(如果存在的话)被执行。例如,传递“submit”给trigger()方法同样会使浏览器提交表单。可以通过从绑定的这个事件中返回false来避免这个默认的动作。 返回值:jQuery 参数: type(String)要触发的事件 data(Array)(可选)作为参数向事件处理函数传递的额外的数据 例子: $("p").trigger("click") 之前: <p click="alert('hello')">Hello</p> 结果: alert('hello') 例子:Example of how to pass arbitrary data to an event $("p").click(function(event, a, b) { // when a normal click fires, a and b are undefined // for a trigger like below a refers too "foo" and b refers to "bar" }).trigger("click", ["foo", "bar"]); 例子: $("p").bind("myEvent",function(event,message1,message2) { alert(message1 + ' ' + message2); }); $("p").trigger("myEvent",["Hello","World"]); 结果: alert('Hello World') // One for each paragraph unbind( type, fn ) 反绑定,从每一个匹配的元素中删除绑定的事件。 如果没有参数,则删除所有绑定的事件。 如果提供了事件类型作为参数,则只删除该类型的绑定事件。 如果把在绑定时传递的处理函数作为第二个参数,则只有这个特定的事件处理函数会被删除。 返回值:jQuery 参数: type(String)(可选)事件类型 fn(Function)(可选)要从每个匹配元素的事件中反绑定的事件处理函数 例子: $("p").unbind() 之前: <p >Hello</p> 结果: <p>Hello</p> 例子: $("p").unbind( "click" ) 之前: <p >Hello</p> 结果: <p>Hello</p> 例子: $("p").unbind( "click", function() { alert("Hello"); } ) 之前: <p >Hello</p> 结果: <p>Hello</p> unload( fn ) 在每一个匹配元素的unload事件中绑定一个处理函数 返回值:jQuery 参数: fn(Function)在每一个匹配元素的unload事件中绑定的事件处理函数 例子: $("p").unload( function() { alert("Hello"); } ); 之前: <p>Hello</p> 结果: <p >Hello</p> 0
相关文章
读者评论发表评论 |