jQuery trigger()方法用法介绍


Posted in Javascript onJanuary 13, 2015

jQuery的trigger()方法用法介绍:
此方法可以触发匹配元素上指定类型的事件。
它具有两种语法格式,下面就分别做一下介绍。
语法结构一:

$(selector).trigger(event,[param1,param2,...])

参数解析:

1.event:必需,规定匹配元素要触发的事件,可以是自定义事件,也可以是标准的事件。
2.param:可选,传递给事件处理函数的参数。

代码实例:

<!DOCTYPE html>

<html>

<head>

<meta charset=" utf-8">

<title>蚂蚁部落</title>

<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>

<script type="text/javascript">

$(document).ready(function(){

  $("input:text").select(function(){

    $(this).css("color","red");

  });

  $("#bt").click(function(){

    $("input:text").trigger("select");

  });

});

</script>

</head>

<body>

<input type="text" value="3water.com"/>

<input type="button" id="bt" value="查看效果"/>

</body>

</html>

在上面的代码中,为文本框注册了select事件处理函数,当选中文本框中的文本的时候,里面的文字就会变为红色。
当点击按钮的时候,就会使用trigger()方法也会触发匹配元素上的select事件。
语法结构二:

$(selector).trigger(eventObj)
Javascript 相关文章推荐
jquery 框架使用教程 AJAX篇
Oct 11 Javascript
JS中的异常处理方法分享
Dec 22 Javascript
Jquery1.9.1源码分析系列(六)延时对象应用之jQuery.ready
Nov 24 Javascript
一分钟理解js闭包
May 04 Javascript
JQueryEasyUI之DataGrid数据显示
Nov 23 Javascript
jQuery仿IOS弹出框插件
Feb 18 Javascript
小程序两种滚动公告栏的实现方法
Sep 17 Javascript
webpack中的模式(mode)使用详解
Feb 20 Javascript
JavaScript中使用Spread运算符的八种方法总结
Jun 18 Javascript
Vue 修改网站图标的方法
Dec 31 Vue.js
vue编写简单的购物车功能
Jan 08 Vue.js
javascript中闭包closure的深入讲解
Mar 03 Javascript
修改或扩展jQuery原生方法的代码实例
Jan 13 #Javascript
JQuery.get提交页面不跳转的解决方法
Jan 13 #Javascript
15个jquery常用方法、小技巧分享
Jan 13 #Javascript
js对象基础实例分析
Jan 13 #Javascript
浅谈nodeName,nodeValue,nodeType,typeof 的区别
Jan 13 #Javascript
js使用心得分享
Jan 13 #Javascript
js查找节点的方法小结
Jan 13 #Javascript
You might like
PHP之正则表达式捕获组与非捕获组(详解)
2015/07/29 PHP
php模板引擎技术简单实现
2016/03/15 PHP
php判断str字符串是否是xml格式数据的方法示例
2017/07/26 PHP
利用PHP访问MySql数据库的逻辑操作以及增删改查的实例讲解
2017/08/30 PHP
laravel返回统一格式错误码问题
2019/11/04 PHP
window.location和document.location的区别分析
2008/12/23 Javascript
jQuery 中使用JSON的实现代码
2011/12/01 Javascript
JavaScript实现网页图片等比例缩放实现代码及调用方式
2013/02/25 Javascript
jQuery 绑定事件到动态创建的元素上的方法实例
2013/08/18 Javascript
Jquery ajax执行顺序 返回自定义错误信息(实例讲解)
2013/11/06 Javascript
js与运算符和或运算符的妙用
2014/02/14 Javascript
JavaScript实现图片滑动切换的代码示例分享
2016/03/06 Javascript
yii form 表单提交之前JS在提交按钮的验证方法
2017/03/15 Javascript
ES6中Proxy与Reflect实现重载(overload)的方法
2017/03/30 Javascript
JS判断微信扫码的方法
2017/08/07 Javascript
详解Vue项目中出现Loading chunk {n} failed问题的解决方法
2018/09/14 Javascript
解决Vue使用swiper动态加载数据,动态轮播数据显示白屏的问题
2018/09/27 Javascript
vue+element表格导出为Excel文件
2019/09/26 Javascript
[47:42]Fnatic vs Liquid 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
Python自动扫雷实现方法
2015/07/25 Python
python中(str,list,tuple)基础知识汇总
2018/02/20 Python
Python3自动签到 定时任务 判断节假日的实例
2018/11/13 Python
Python使用Shelve保存对象方法总结
2019/01/28 Python
css3 position fixed固定居中问题解决方案
2014/08/19 HTML / CSS
一款html5 canvas实现的图片玻璃碎片特效
2014/09/11 HTML / CSS
美国东北部户外服装和设备零售商:Eastern Mountain Sports
2016/10/05 全球购物
西班牙土拨鼠床垫公司,感觉在云端:Marmota
2019/03/18 全球购物
乡镇民主生活会发言材料
2014/10/20 职场文书
通知范文怎么写
2015/04/16 职场文书
2015年公司后勤管理工作总结
2015/05/13 职场文书
如何书写先进事迹材料?
2019/07/02 职场文书
十一月早安语录:把心放轻,人生就是一朵自在的云
2019/11/04 职场文书
详解Django中 render() 函数的使用方法
2021/04/22 Python
刚学完怎么用Python实现定时任务,转头就跑去撩妹!
2021/06/05 Python
浅析Django接口版本控制
2021/06/26 Python
Java并发编程之原子性-Atomic的使用
2022/03/16 Java/Android