专注于互联网--专注于架构

最新标签
网站地图
文章索引
Rss订阅

首页 »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>
标签:jquery

相关文章

读者评论

发表评论

  • 昵称:
  • 内容: