漫漫技术人生路

C#

  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理 ::

o hide()
隐藏显示的元素。
返回值
jQuery
示例
HTML 代码:
<p>Hello</p>
jQuery 代码:
$("p").hide()
结果:
[ <p style="display: none">Hello</p> ]

________________________________________________________________________________________________________________________________________________________________________________________________________
o show()
显示隐藏的匹配元素。
返回值
jQuery
示例
HTML 代码:
<p style="display: none">Hello</p>
jQuery 代码:
$("p").show()
结果:
[ <p style="display: block">Hello</p> ]

________________________________________________________________________________________________________________________________________________________________________________________________________
o toggle()
切换元素的可见状态。如果元素是可见的,切换为隐藏的;如果元素是隐藏的,切换为可见的。
返回值
jQuery
示例
HTML 代码:
<p>Hello</p><p style="display: none">Hello Again</p>
jQuery 代码:
$("p").toggle()
结果:
[ <p style="display: none">Hello</p>, <p style="display: block">Hello Again</p> ]


________________________________________________________________________________________________________________________________________________________________________________________________________
o bind(type, data, fn)
为每一个匹配元素的特定事件(像click)绑定一个事件处理器函数。这个事件处理函数会接收到一个事件对象,可以通过它来阻止(浏览器)默认的行为。
如果既想取消默认的行为,又想阻止事件起泡,这个事件处理函数必须返回false。 多数情况下,可以把事件处理器函数定义为匿名函数(见示例一)。
在不可能定义匿名函数的情况下,可以传递一个可选的数据对象作为第二个参数(而事件处理器函数则作为第三个参数),见示例二。
返回值
jQuery
参数
. type (String): 事件类型
. data (Object): (可选) 作为event.data属性值传递给事件对象的额外数据对象
.  fn (Function): 绑定到每个匹配元素的事件上面的处理函数
示例
HTML 代码:
<p>Hello</p>
jQuery 代码:
$("p").bind("click", function(){ alert( $(this).text() ); });
结果:
alert("Hello")
说明:
为事件对象传递一些额外的数据。
jQuery 代码:
function handler(event) { alert(event.data.foo); } $("p").bind("click", {foo: "bar"}, handler)
结果:
alert("bar")
说明:
通过返回false来取消默认的行为并阻止事件起泡。
jQuery 代码:
$("form").bind("submit", function() { return false; })
说明:
通过使用 preventDefault 方法只取消默认的行为。
jQuery 代码:
$("form").bind("submit", function(event){ event.preventDefault(); });
说明:
通过使用 stopPropagation 方法只阻止事件起泡。
jQuery 代码:
$("form").bind("submit", function(event){ event.stopPropagation(); });

________________________________________________________________________________________________________________________________________________________________________________________________________

o blur()
触发每一个匹配元素的blur事件。这个函数会调用执行绑定到blur事件的所有函数。 注意:这个函数不会调用相应元素的blur方法!
如果需要通过代码来使一个元素获得焦点,必须使用DOM方法,例如:$("#myinput")[0].blur();
返回值
jQuery
示例
HTML 代码:
<p onblur="alert('Hello');">Hello</p>
jQuery 代码:
$("p").blur();
结果:
alert('Hello');
o blur(fn)
在每一个匹配元素的blur事件中绑定一个处理函数。
返回值
jQuery
参数
fn (Function): 在每一个匹配元素的blur事件中绑定的处理函数。
示例
HTML 代码:
<p>Hello</p>
jQuery 代码:
$("p").blur( function() { alert("Hello"); } );
结果:
<p onblur="alert('Hello');">Hello</p>

________________________________________________________________________________________________________________________________________________________________________________________________________

o change(fn)
在每一个匹配元素的change事件中绑定一个处理函数。
返回值
jQuery
参数
 fn (Function): 在每一个匹配元素的change事件中绑定的处理函数。
示例
HTML 代码:
<p>Hello</p>
jQuery 代码:
$("p").change( function() { alert("Hello"); } );
结果:
<p onchange="alert('Hello');">Hello</p>
________________________________________________________________________________________________________________________________________________________________________________________________________
o click()
触发每一个匹配元素的click事件。这个函数会调用执行绑定到click事件的所有函数。
返回值
jQuery
示例
HTML 代码:
<p onclick="alert('Hello');">Hello</p>
jQuery 代码:
$("p").click();
结果:
alert('Hello');
o click(fn)
在每一个匹配元素的click事件中绑定一个处理函数。
返回值
jQuery
参数
 fn (Function): 在每一个匹配元素的click事件中绑定的处理函数。
示例
HTML 代码:
<p>Hello</p>
jQuery 代码:
$("p").click( function() { alert("Hello"); } );
结果:
<p onclick="alert('Hello');">Hello</p>

________________________________________________________________________________________________________________________________________________________________________________________________________
o dblclick(fn)
在每一个匹配元素的dblclick事件中绑定一个处理函数。
返回值
jQuery
参数
 fn (Function): 在每一个匹配元素的dblclick事件中绑定的处理函数。
示例
HTML 代码:
<p>Hello</p>
jQuery 代码:
$("p").dblclick( function() { alert("Hello"); } );
结果:
<p ondblclick="alert('Hello');">Hello</p>

________________________________________________________________________________________________________________________________________________________________________________________________________

o error(fn)
在每一个匹配元素的error事件中绑定一个处理函数。
返回值
jQuery
参数
 fn (Function): 在每一个匹配元素的error事件中绑定的处理函数。
示例
HTML 代码:
<p>Hello</p>
jQuery 代码:
$("p").error( function() { alert("Hello"); } );
结果:
<p onerror="alert('Hello');">Hello</p>

________________________________________________________________________________________________________________________________________________________________________________________________________

o focus()
触发每一个匹配元素的focus事件。这个函数会调用执行绑定到focus事件的所有函数。
注意:这个函数不会调用相应元素的focus方法!如果需要通过代码来使一个元素获得焦点,必须使用DOM方法,例如:$("#myinput")[0].focus();
返回值
jQuery
示例
HTML 代码:
<p onfocus="alert('Hello');">Hello</p>
jQuery 代码:
$("p").focus();
结果:
alert('Hello');
o focus(fn)
在每一个匹配元素的focus事件中绑定一个处理函数。
返回值
jQuery
参数
 fn (Function): 在每一个匹配元素的submit事件中绑定的处理函数。
示例
HTML 代码:
<p>Hello</p>
jQuery 代码:
$("p").focus( function() { alert("Hello"); } );
结果:
<p onfocus="alert('Hello');">Hello</p>

________________________________________________________________________________________________________________________________________________________________________________________________________

o toggle(even, odd)
每次点击时切换要调用的函数。如果点击了一个匹配的元素,则触发指定的第一个函数,当再次点击同一元素时,则触发指定的第二个函数。随后的每次点击都重复对这两个函数的轮番调用。 可以使用unbind("click")来删除。
返回值
jQuery
参数
.even (Function): 第奇数次点击时要执行的函数。
.odd (Function): 第偶数次点击时要执行的函数。
示例
jQuery 代码:
$("p").toggle(function(){ $(this).addClass("selected"); },function(){ $(this).removeClass("selected"); });

________________________________________________________________________________________________________________________________________________________________________________________________________

o trigger(type)
在每一个匹配的元素上触发某类事件。
返回值
jQuery
参数
.type (String): 要触发的事件类型
示例
HTML 代码:
<p click="alert('hello')">Hello</p>
jQuery 代码:
$("p").trigger("click")
结果:
alert('hello')

________________________________________________________________________________________________________________________________________________________________________________________________________

o unbind(type, fn)
反绑定,从每一个匹配的元素中删除绑定的事件。 如果没有参数,则删除所有绑定的事件。 如果提供了事件类型作为参数,则只删除该类型的绑定事件。 如果把在绑定时传递的处理函数作为第二个参数,则只有这个特定的事件处理函数会被删除。
返回值
jQuery
参数
.type (String): (可选) 事件类型
.fn (Function): (可选) 要从每个匹配元素的事件中反绑定的事件处理函数
示例
HTML 代码:
<p onclick="alert('Hello');">Hello</p>
jQuery 代码:
$("p").unbind()
结果:
[ <p>Hello</p> ]

HTML 代码:
<p onclick="alert('Hello');">Hello</p>
jQuery 代码:
$("p").unbind( "click" )
结果:
[ <p>Hello</p> ]

HTML 代码:
<p onclick="alert('Hello');">Hello</p>
jQuery 代码:
$("p").unbind( "click", function() { alert("Hello"); } )
结果:
[ <p>Hello</p> ]

________________________________________________________________________________________________________________________________________________________________________________________________________

o unload(fn)
在每一个匹配元素的unload事件中绑定一个处理函数。
返回值
jQuery
参数
.fn (Function): 在每一个匹配元素的unload事件中绑定的处理函数。
示例
HTML 代码:
<p>Hello</p>
jQuery 代码:
$("p").unload( function() { alert("Hello"); } );
结果:
<p onunload="alert('Hello');">Hello</p>

posted on 2009-07-22 17:47  javaca88  阅读(239)  评论(0)    收藏  举报