jQuery入门之事件_PHP编程_51自学网php编程教程

首页 > PHP编程

jQuery入门之事件

51自学网 2016-09-19 http://www.wanshiok.com

jQuery对事件的支持主要包括：

bind()--为事件绑定处理程序，如：

    $("p").bind("mouseenter mouseleave", function(e){    $(this).toggleClass("over");    });

unbind()--注销绑定在事件上的处理程序，如：$(document).unbind('ready');，如不给参数，则清除所有事件处理程序。
```
$("#unbind").click(function () {    $("#theone").unbind('click', aClick);    });
```
trigger()--触发某类事件。
```
$("button:first").trigger('click');
```
triggerHandler()--触发某类事件，但不触发默认的事件处理逻辑，比如a的定向。
```
$("input").triggerHandler("focus");
```
one()－－为事件绑定只能被触发一次的处理程序。
```
    $("div").one("click", function(){    });
```
ready()/click()/change()/toggle(fn,fn)/dblclick()……各种常规事件的快捷方式，xxx(fn)为绑定处理程序，xxx()为触发事件

jQuery 1.2的事件支持命名空间，

$("div").bind("click", function(){ alert("hello"); }); $("div").bind("click.plugin", function(){ alert("goodbye"); }); $("div").trigger("click!"); // alert("hello") only

DEMO:

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Eventstitle> <script src="../scripts/jquery-1.2.3.intellisense.js" type="text/javascript">script> <style type="text/css"> textarea { height: 118px; width: 280px; } style> <script type="text/javascript"> $(function(){ $('textarea').bind('propertychange',function(){ $('#result').html($('textarea').val()) } ).bind('change',function(){ alert($('textarea').val()); }); }); script> head> <body> <textarea>textarea> <div id='result'>div> body> html>

运行效果如下：

说明：本教程来源互联网或网友上传或出版商，仅为学习研究或媒体推广，wanshiok.com不保证资料的完整性。
　

上一篇：jQuery入门之链式代码下一篇：jQuery入门之选择器