jQuery中delegate与on的用法与区别
在jQuery1.7中 gate()已被()取代。对于早期版本,它仍然使用事件委托的最有效手段。
在事件绑定和委派,delegate()和on在一般情况下,这两种方法是等效的。
gate() 指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。
复制代码 代码如下:
// jQuery 1.4.3+
$( elements )gate( selector, events, data, handler );
// jQuery 1.7+
$( elements )( events, [selector], data, handler );
例如:gate() code:
复制代码 代码如下:
$("table")gate("td","click",function(){
alert("hello");
});
() code:
复制代码 代码如下:
$("table")("click", "td", function() {
alert("hi");
});
PS: 两者区别是seleter和events顺序不同
delegate和on方法被选元素的子元素必须是"合法的"子元素。比如
复制代码 代码如下:
$("table")gate("button","click",function(){...});
$("table")("click", "p", function(){...});
就不起作用,因为正常情况下,table子元素应为tr,td...
on(events,[selector],[data],fn),参数[selector]是可选,
一个选择器字符串用于过滤器的触发事件的选择器元素的.后代。
例如:
复制代码 代码如下:
$("table")("click", "1", function() {
alert("hi");
});
过滤class为td1的table子元素
而delegate的selector是必需的。
-
关于HTML meat作用
meta标签用于网页的与中,meta标签的用处很多。meta的属性有两种:name和http-equiv。name属性主要用于描述网页,对应于content(网页内容),以便于搜索引擎机器人查找、分类(目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类)。这其中最重要的是descrip...
-
网页设计的布局
网页设计的工作目标,是通过使用更合理的颜色、字体、图片、样式进行页面设计美化,在功能限定的情况下,尽可能给予用户完美的视觉体验。以下是小编为您带来的网页设计的布局,看看吧!网页设计的布局11、响应式网页设计响应式网页设计是网页设计的一种技术,可在N多种浏...
-
WAP的简介
WAP协议被设计用来在无线客户端(比如移动电话)上展示因特网内容。您应当具备的基础知识在继续学习之前,您需要对下面的知识有基本的了解:WWW,HTML以及有关网页构建的基础知识JavaScriptXML如果您希望首先学习这些项目,请在我们的首页访问这些教程。什么是WAP?无线产...
-
关于javascript使用isNaN()函数判断变量是否为数字
javascript中判断变量是否为数字的方法,这里主要介绍javascript里的isNaN()函数。功能:isNaN()函数用于检查其参数是否是非数字值。语法:isNaN(x)x必需。要检测的值。返回值:如果x是特殊的`非数字值NaN(或者能被转换为这样的值),返回的值就是true。如果x是其他值,则返...
相关文章
- 英语满分作文:Reading-TheBestMeanstoAcquireknowledge
- jQuery中delegate()实例用法
- JQuery的ready函数与JS的onload区别详解
- jQuery中的read和JavaScript中的onload函数的区别在哪
- 有关jQuery效果 slideToggle() 方法(在隐藏和显示之间切换)
- Equal Rights between Men and Women高中英语作文
- 关于Java中Queue和BlockingQueue的区别
- 英语阅读:VIT declines to acquire Ang Mo Kio property
- 让jQuery Mobile不显示loading界面的方法
- jquery中toggle方法使用例子