1.ready()当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。
这是jQuery中很重要的一个属性,应用范围特别广。
$(document).ready(function(){ // 在这里写你的代码... });
意思是在页面加载完成时,(不进行操作)默认要执行的操作。例如:当我们进入淘宝页面时,有时候会默认弹出一个活动提示的框,这就是用ready事件完成的。
还可以写成:
$(function($) { // 你可以在这里继续使用$作为别名... });
2.bind()为每个匹配元素的特定事件绑定事件处理函数。
$("p").bind("click", function(){ alert( $(this).text() ); }); //当每个段落被点击的时候,弹出其文本。
$(‘#foo‘).bind(‘mouseenter mouseleave‘, function() { $(this).toggleClass(‘entered‘); }); //同时绑定多个事件类型
3.trigger()在每一个匹配的元素上触发某类事件。
$("form:first").trigger("submit") //提交第一个表单,但不用submit()
4.triggerHandler这个特别的方法将会触发指定的事件类型上所有绑定的处理函数。但不会执行浏览器默认动作。
如果你对一个focus事件执行了 .triggerHandler() ,浏览器默认动作将不会被触发,只会触发你绑定的动作。
HTML:
<button id="old">.trigger("focus")</button> <button id="new">.triggerHandler("focus")</button><br/><br/> <input type="text" value="To Be Focused"/>
js:
$("#old").click(function(){ $("input").trigger("focus"); }); $("#new").click(function(){ $("input").triggerHandler("focus"); }); $("input").focus(function(){ $("<span>Focused!</span>").appendTo("body").fadeOut(1000); });
5.unbind() bind()的反向操作,从每一个匹配的元素中删除绑定的事件。
将段落的click事件取消绑定:
$("p").unbind( "click" );
6.delegate() 指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。
当点击鼠标时,隐藏或显示 p 元素:
$("div").delegate("button","click",function(){ $("p").slideToggle(); });
7.hover()一个模仿悬停事件(鼠标移动到一个对象上面及移出这个对象)的方法。这是一个自定义的方法,它为频繁使用的任务提供了一种“保持在其中”的状态。
当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数。当鼠标移出这个元素时,会触发指定的第二个函数。而且,会伴随着对鼠标是否仍然处在特定元素中的检测,如果是,则会继续保持“悬停”状态,而不触发移出事件。
鼠标悬停的表格加上特定的类:
$("td").hover( function () { $(this).addClass("hover"); }, function () { $(this).removeClass("hover"); } );
原文:http://www.cnblogs.com/jingmin/p/6417768.html