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的第三点我只是意会,感觉说不清楚,后期理解深刻了再做补充。。。
转载于:https://www.cnblogs.com/liuleicode/p/6555065.html
jquery的trigger和triggerHandler区别相关推荐
- html中hover无法触发,jQuery中trigger无法触发hover事件解决方法
做jquery练习的时候需要在外部触发元素的"hover"事件,于是,问题来了:根本没有触发,无论是trigger( )还是triggerHandler( ),查询后得知: Dep ...
- Js - Dom原生对象和jQuery对象的联系、区别、相互转换
Dom原生对象和jQuery对象的联系.区别.相互转换: 联系: 1.jQuery对象:通过jQuery包装DOM对象后产生的对象: 2.两者之间可以相互转换: 区别: 1.jquery选择器得到的j ...
- JQuery对象和JS对象区别与转换|| 事件绑定 入口函数 样式控制
JQuery对象和JS对象区别与转换 1. JQuery对象在操作时,更加方便. 2. JQuery对象和js对象方法不通用的. 3. 两者相互转换 * jq -- ...
- java与jquery的选择器区别_java day44【JQuery 基础:概念,快速入门,JQuery对象和JS对象区别与转换,选择器,DOM操作,案例】...
第一章JQuery 基础 1. 概念: 一个JavaScript框架.简化JS开发 * jQuery是一个快速.简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScrip ...
- JQuery this和$(this)的区别及获取$(this)子元素对象的方法
1.JQuery this和$(this)的区别 // this其实是一个Html 元素. // $this 只是个变量名,加$是为说明其是个jquery对象. // 而$(this)是个转换,将th ...
- jQuery中position()与offset()区别
转载自 jQuery中position()与offset()区别 position()获取相对于它最近的具有相对位置(position:relative或position:absolute)的父级元 ...
- jQuery介绍 DOM对象和jQuery对象的转换与区别
jQuery Hello World程序 <script type="text/javascript" src="xxx//jquery-x.y.z.js" ...
- java day44【JQuery 基础:概念,快速入门,JQuery对象和JS对象区别与转换,选择器,DOM操作,案例】...
第一章 JQuery 基础 1. 概念: 一个JavaScript框架.简化JS开发 * jQuery是一个快速.简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScr ...
- jquery (js中window.onload与jquery中$(document.ready())的区别)
jquery 学习之一(js中window.onload与jquery中$(document.ready())的区别) 耳听为虚,眼见为实.通过下面的实例可查看两者的异同(注意:aa.jpg最好是一张 ...
最新文章
- vPower系列1: vMotion-没有vMotion,虚拟化只是玩具
- linux写时复制技术初探
- php循环读取mysql_PHP无限循环获取MySQL数据
- php发卡8.0源码_素材资源解析平台PHP源码 V8.0运营版+会员功能+代理功能+卡密充值...
- win7发现不了无线网络怎么办 win7发现不了无线网络的解决办法
- scikit-learn学习之贝叶斯分类算法
- idea修改jdk的版本号
- java多选代码_[一天一点java web]复选框全选代码
- 【易语言界面开发系列教程之(EX_UI使用系列教程--EX组件(一键换肤))】
- Mars-Android开发视频教程(全集)
- M-TOUCH移动端社区论坛类型的网站源码
- Sodinokibi勒索病毒利用Flash漏洞强势来袭
- 用Python实现将滑动屏幕保存的录屏视频自动拼接为长截图
- lighttpd跟php,Lighttpd与PHP
- Java中的注解(Annotation)处理器解析
- Python爬虫入门教程06:爬取数据后的词云图制作
- 亚马逊影响者红人,用关联视频给卖家带来哪些好处?
- 【唐诗分析器】实现思想代码+具体测试
- 读书笔记:卓有成效的管理者
- 桌面计算机最小化,最小化我的电脑窗口打开总是最小化,如何把它 – 手机爱问...