首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

JQuery根本的事件3

2012-06-27 
JQuery基本的事件3对事件的支持主要包括:?bind()--为事件绑定处理程序,如:$(p).bind(mouseenter mousel

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>

热点排行