关注图老师设计创意栏目可以让大家能更好的了解电脑,知道有关于电脑的更多有趣教程,今天给大家分享jQuery入门[3]-事件教程,希望对大家能有一点小小的帮助。
【 tulaoshi.com - Web开发 】
jQuery对事件的支持主要包括:$("p").bind("mouseenter mouseleave", function(e){unbind()--注销绑定在事件上的处理程序,如:$(document).unbind('ready');,如不给参数,则清除所有事件处理程序。
$(this).toggleClass("over");
});
$("#unbind").click(function () {trigger()--触发某类事件。
$("#theone").unbind('click', aClick);
});
$("button:first").trigger('click');triggerHandler()--触发某类事件,但不触发默认的事件处理逻辑,比如a的定向。
$("input").triggerHandler("focus");one()--为事件绑定只能被触发一次的处理程序。
$("div").one("click", function(){ready()/click()/change()/toggle(fn,fn)/dblclick()各种常规事件的快捷方式,xxx(fn)为绑定处理程序,xxx()为触发事件
});
$("div").bind("click", function(){ alert("hello"); });!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
$("div").bind("click.plugin", function(){ alert("goodbye"); });
$("div").trigger("click!"); // alert("hello") only
DEMO:
运行效果如下:
Reference:http://docs.jquery.com/Events
来源:http://www.tulaoshi.com/n/20160219/1605587.html
看过《jQuery入门[3]-事件》的人还看了以下文章 更多>>