jquery的trigger和triggerHandler区别
网上关于这个问题都是抄来抄去的，都没怎么说清楚。所以自己做了个测试，供大家参考指教。首先先看API怎么说的
为了检验一下，编写了一个简单的测试代码，如下：
<html lang="en">
<head>
<meta charset="utf-8">
<title>jquery的trigger和triggerHandler区别</title>
<script src="http://code.jquery.com/jquery-1.10.2.js"></script> </head>
<body>
<input type="checkbox" id="checkbox1"/><input type="text" id="test1"/>
<input type="checkbox" id="checkbox2"/><input type="text" id="test2"/>
<input type="button" value="trigger" id="bnt" onclick="bntClick()"/>
<input type="button" value="triggerHandler" id="bnt2" onclick="bntClick2()"/>
</body> <script>
$( document ).ready(function() {
$("#checkbox1").bind("click",function(){
$("#test1").val("www.baidu.com");
});
$("#checkbox2").bind("click",function(){
$("#test2").val("www.baidu.com");
});
}); function bntClick(){
$("input[type='checkbox']").trigger("click");
} function bntClick2(){
$("input[type='checkbox']").triggerHandler("click");
}
</script>
</html>
显示的页面如下
1.点击两个checkbox分别会填充各自右边的输入框。这点不用多做解释，大家一看都知道。
2.点击trigger按钮，显示如下：
点击triggerHandler按钮，如下
对比，可知
triggerHandler不会触发浏览器默认事件-因为checkbox的勾并没有打上，这打勾就是浏览器默认事件；
triggerHandler只触发jQuery对象集合中第一个元素的事件处理函数-第二个输入框并没有触发事件；
API的第三点我只是意会，感觉说不清楚，后期理解深刻了再做补充。。。
jquery的trigger和triggerHandler区别的更多相关文章
- 【jQuery】【转】jQuery中的trigger和triggerHandler区别
trigger(event, [data]) 在每一个匹配的元素上触发某类事件. 这个函数也会导致浏览器同名的默认行为的执行.比如,如果用trigger()触发一个'submit',则同样会导致浏览器 ...
- JQ中 trigger()和triggerHandler()区别
既然使用了trigger和triggerHandler,那么你应该了解了他们的差别了. trigger():在每一个匹配的元素上触发某类事件. triggerHandler():这个特别的方法将会触发 ...
- jQuery中的trigger和triggerhandler区别
$("form :input").blur(function(){ // }).keyup(function(){ $(this).triggerHandler("blu ...
- JQuery中事件one、bind、unbind、live、delegate、on、off、trigger、triggerHandler的各种使用区别
JQuery事件one,支持参数 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> & ...
- Jquery trigger 与 triggerHandler
secying Jquery trigger与triggerHandler trigger: 在每一个匹配的元素上触发某类事件(即触发jQuery对象集合中每一个元素). 这个函数也会导致浏览器同名的 ...
- jQuery triger与trigerHandler的区别
trigger(event, [data]) 与 triggerHandler(event, [data]) 都是用于触发一个事件. 其两者的区别在于,如果触发的事件是有浏览器默认行为的,trigge ...
- trigger和triggerHandler的使用
今天琢磨了好久这个trigger和triggerHandler的用法.在网上搜了好多,不过大都是相互抄袭,毛意思都没有.后来自己做了研究. trigger: 1.可以用来触发事件. <input ...
- trigger 和 triggerHandler()，自定义事件
trigger 和 triggerHandler(),自定义事件 语法: $(selector).trigger(event,[param1,param2,...]) 1,event 必需.规定指定元 ...
- jQuery介绍 DOM对象和jQuery对象的转换与区别
jQuery介绍 DOM对象和jQuery对象的转换与区别 jQuery介绍 jQuery: http://jquery.com/ write less, do more. j ...
随机推荐
- Entity Framework Code-First（10.2）：Entity Mappings
Entity Mappings using Fluent API: Here, we will learn how to configure an entity using Fluent API. W ...
- SQL笔记：中级篇
1.LIMIT 查询前多少条数据 例如:查询user表前三条数据 SELECT * FROM user LIMIT 3 ORACLE: SELECT name FROM user WHERE RO ...
- 【本人译作推荐】Windows 8应用开发：C#和XAML卷（原名：Building Windows 8 Apps with C# and XAML）
[图书推荐] 译名:Windows 8应用开发:C#和XAML卷 原名:Building Windows 8 Apps with C# and XAML 编辑推荐 国内第一本使用XAML与C#语言 ...
- NIO 之阻塞IO和非阻塞IO(转载)
阻塞模式 IO 我们已经介绍过使用 Java NIO 包组成一个简单的客户端-服务端网络通讯所需要的 ServerSocketChannel.SocketChannel 和 Buffer,我们这里整合 ...
- Log4NET的日志框架的使用
日志信息分类 1.等级由低到高:debug<info<warn<Error<Fatal; 2.区别: debug 级别最低,可以随意的使用于任何觉得有利于在调试时更详细的了解系 ...
- python之02数据类型学习-作业练习2
引用博客地址:http://www.cnblogs.com/yuanchenqi/articles/5782764.html 作业描述: 省 市 县的三层数据通过字典 元祖 列表 保存起来执行程序后 ...
- （PHP）redis Zset（有序集合 sorted set）操作
/** * * Zset操作 * sorted set操作 * 有序集合 * sorted set 它在set的基础上增加了一个顺序属性,这一属性在修改添加元素的时候可以指定,每次指定后,zset会自 ...
- hdu 2147 kiki's game（巴什博弈）
kiki's game HDU - 2147 题意:一个n*m的表格,起始位置为右上角,目标位置为左下角,甲先开始走,走的规则是可以向左,向下或者向左下(对顶的)走一格.谁先走到目标位置谁就胜利.在甲 ...
- [Xcode 实际操作]三、视图控制器-(11)在Storyboard中使用表格控件
目录:[Swift]Xcode实际操作 本文将演示表格控件在故事板中的使用. 点击[显示或隐藏检查器按钮],再界面右侧打开检查器面板. 在控制器根视图上点击鼠标,以选择该根视图. 现在往根视图中添加一 ...
- 洛谷P1505 [国家集训队]旅游
题目描述 \(Ray\) 乐忠于旅游,这次他来到了\(T\) 城.\(T\) 城是一个水上城市,一共有 \(N\) 个景点,有些景点之间会用一座桥连接.为了方便游客到达每个景点但又为了节约成本,\(T ...