JQuery基本的事件3

对事件的支持主要包括:

•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()为触发事件









<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=GB2312"><title>jQuery EasyUI</title> <link rel="stylesheet" type="text/css" href="../themes/default/easyui.css"> <link rel="stylesheet" type="text/css" href="../themes/icon.css"> <script type="text/javascript" src="../jquery-1.4.4.min.js"></script> <script type="text/javascript" src="../jquery.easyui.min.js"></script> <style type="text/css">        textarea        {            height: 118px;            width: 280px;        }    </style><script type="text/javascript">$(function(){//一个控件可以多个bind方法,写的时候可以$('mycontrols').bind().bind(); $('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>

你可能感兴趣的:(jquery)