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 ...
随机推荐
- Java静态导入
Java静态导入 静态导入的语法是: import static ...; 静态导入的好处就是可以简化一些操作,例如System.out.println(…);就可以将其写入一个静态方法 import ...
- 《Linux内核设计与实现》读书笔记（二）- 内核开发的准备
在尝试内核开发之前,需要对内核有个整体的了解. 主要内容: 获取内核源码 内核源码的结构 编译内核的方法 内核开发的特点 1. 获取内核源码 内核是开源的,所有获取源码特别方便,参照以下的网址,可以通 ...
- Web调试利器fiddler介绍
转载:http://blog.chinaunix.net/uid-27105712-id-3738821.html 最近在使用fiddler,发现这个真是非常最犀利的web调试工具,笔者这里强烈推荐给 ...
- gitlab 502解决方案
gitlab突然出现502 尝试gitlab-ctl restart.gitlab-ctl reconfigure 无效. 之后做法: #查看git日志 gitlab-ctl tail发现日志报错:端 ...
- Java面向对象的三大特性 多态
多态 对象的多种形态 继承是实现多态的基础 1,引用多态 父类的引用可以指向本类的对象 父类的引用可以指向子类的对象 2,方法多态 创建本类对象时,调用的方法为本类方法 创建子 ...
- Codeforces - 102222C - Caesar Cipher
https://codeforc.es/gym/102222/my 好像在哪里见过这个东西?字符的左右移还是小心,注意在mod26范围内. #include<bits/stdc++.h> ...
- Python-OpenCV中的图像轮廓检测
目录 cv2.findContours() 主要记录Python-OpenCV中的cv2.findContours()方法:官方文档: cv2.findContours() 在二值图像中寻找图 ...
- 开源库SRT编译指南
SRT(Secure,Reliable,Transport)是Haivision公司开发的一套开源媒体传输协议,用于在不稳定的网络环境下,优化媒体数据的传输性能. SRT的码流加密基于开源库open ...
- 洛谷 P1536 村村通（并查集）
嗯... 题目链接:https://www.luogu.org/problemnew/show/P1536 思路: 这道题可以看出是并查集的思想,然后用一个while嵌套一下,输入一条路的两个端点,就 ...
- iconfont的应用
http://www.iconfont.cn/help/platform.html http://www.iconfont.cn/users/project 点击下载之后: 打开demo.html: ...