jQuery入门[3]-事件
2009-07-31 15:27
639 查看
jQuery入门[1]-构造函数
jQuery入门[2]-选择器
jQuery入门[3]-事件
jQuery入门[4]-链式代码
jQuery入门[5]-AJAX
jQuery入门[6]-动画
jQuery对事件的支持主要包括:
bind()--为事件绑定处理程序,如:
unbind()--注销绑定在事件上的处理程序,如:$(document).unbind('ready');,如不给参数,则清除所有事件处理程序。
trigger()--触发某类事件。
triggerHandler()--触发某类事件,但不触发默认的事件处理逻辑,比如a的定向。
one()--为事件绑定只能被触发一次的处理程序。
ready()/click()/change()/toggle(fn,fn)/dblclick()……各种常规事件的快捷方式,xxx(fn)为绑定处理程序,xxx()为触发事件
jQuery 1.2的事件支持命名空间,
<!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>Events</title>
<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>
转自:http://thinhunan.cnblogs.com/archive/2008/03/05/1092011.html
jQuery入门[2]-选择器
jQuery入门[3]-事件
jQuery入门[4]-链式代码
jQuery入门[5]-AJAX
jQuery入门[6]-动画
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>Events</title>
<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>
运行效果如下: Reference:http://docs.jquery.com/Events --未完待续--
转自:http://thinhunan.cnblogs.com/archive/2008/03/05/1092011.html
相关文章推荐
- [JQuery入门]——事件切换之hover()方法应用介绍
- jQuery入门[3]-事件 [转]
- jQuery入门之事件
- JQuery入门——用one()方法绑定事件
- JQuery入门――用bind方法绑定事件处理函数应用介绍
- jQuery入门-使用选择器和事件
- jQuery入门[3]-事件
- JQuery入门——用unbind方法移除绑定事件
- 【Asp.net入门3-04】使用jQuery-使用jQuery事件
- JQuery入门――用映射方式绑定不同事件应用示例
- JQuery入门总结(一)【DOM、选择器、方法事件】
- JQuery实例入门(添加鼠标事件)
- jQuery快速入门基础教程之事件(二)
- ExtJs4入门之二: 事件绑定 , 与jQuery的简单混用
- 转,jQuery入门[3]-事件
- JQuery入门――事件切换之hover()方法应用介绍
- jQuery入门[3]-事件
- JQuery实例入门(添加鼠标事件)
- jQuery——入门(四)JQuery 事件
- JQuery入门——用bind方法绑定事件