jQuery入门[1]-构造函数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
--未完待续--
分享到:
相关推荐
jQuery入门级---经典课程,详细讲述了jQuery的编写,适合零基础初学者,更适合培训没学明白的学生
jQuery入门汇总---无私奉献!希望对你有帮助
jQuery入门篇-主要介绍了jQuery的一些基本功能,和使用方法,马上会上传他的核心代码!
jQuery入门,jQuery入门,jQuery入门,jQuery入门
jQuery是一个快速的,简洁的javaScript库,使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互。
jQuery EasyUI 官方API文档中文版 version 1.4.2 Build 1 ...文档 EasyUI每个组件的属性,方法和事件。用户可以很容易地扩展他们。 ...--------------------------------------------------------...jQuery EasyUI 入门指南
HTML5+CSS3+JQueryMobile入门-源代码.zip
jquery UI主要是用于是UI能变的能容易实现,不需要太多的css,里面已经写了很多类,可以直接使用,常见的图标,方向键头,实现滑动,切换,动画等等都很容易,方便开发在速度上的提升,入门容易,很快上手,
jquery-10分钟入门 jquery-10分钟入门 jquery-10分钟入门
jquery入门jquery入门jquery入门jquery入门
jQuery入门指南教程--是新手最好的选择,千万不要错过这么好的机会哦!
jQuery入门的基本知识点整理,包括jQuery的基本语法,jQuery选择器,jQuery事件,jQuery效果,jQuery遍历,jQuery操作页面元素等等的基本内容。
jQuery基础培训---无私奉献了!希望对你有帮助
第1章 jQuery开发入门/1 1.1 jQuery概述/2 1.1.1 认识jQuery /2 1.1.2 jQuery基本功能/2 1.1.3 搭建jQuery开发环境/3 1.1.4 编写第一个简单的jQuery应用/3 1.1.5 jQuery程序的代码风格/5 1.2 jQuery的简单...
NULL 博文链接:https://xiangtui.iteye.com/blog/756998
jquery入门之动态表格---动态添加一行
jquery入门培训jquery入门培训jquery入门培训jquery入门培训jquery入门培训jquery入门培训
jquery由简单到入门,这是我发现比较好的jquery工具书,喜欢脚本的便携带朋友和想写jquery代码的朋友可以来看一下
jquery入门教程 从零开始学习jQuery (一) 开天辟地入门篇 从零开始学习jQuery (二) 万能的选择器 从零开始学习jQuery (三) 管理jQuery 包装集 从零开始学习jQuery (四) 使用jQuery 操作元素的属性与样式 从零开始...
15天 jQuery 15天学会jQuery(10-15)非常好的学习入门