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 相关文章推荐
JavaScript 对象链式操作测试代码
Apr 25 Javascript
jquery select多选框的左右移动 具体实现代码
Jul 03 Javascript
简介JavaScript中toUpperCase()方法的使用
Jun 06 Javascript
全面解析Bootstrap弹窗的实现方法
Dec 01 Javascript
深入浅析JavaScript中的constructor
Apr 19 Javascript
如何清除IE10+ input X 文本框的叉叉和密码输入框的眼睛图标
Dec 21 Javascript
JQuery扩展对象方法操作示例
Aug 21 jQuery
JQuery+Bootstrap 自定义全屏Loading插件的示例demo
Jul 03 jQuery
Vue获取页面元素的相对位置的方法示例
Feb 05 Javascript
vue如何搭建多页面多系统应用
Jun 17 Javascript
微信小程序之导航滑块视图容器功能的实现代码(简单两步)
Jun 19 Javascript
vue实现页面切换滑动效果
Jun 29 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
安装ImageMagick出现error while loading shared libraries的解决方法
2014/09/23 PHP
PHP扩展程序实现守护进程
2015/04/16 PHP
关于PHP转换超过2038年日期出错的问题解决
2017/06/28 PHP
PHP实现微信公众号验证Token的示例代码
2019/12/16 PHP
javascript Xml增删改查(IE下)操作实现代码
2009/01/30 Javascript
js如何获取file控件的完整路径具体实现代码
2013/05/15 Javascript
怎么通过onclick事件获取js函数返回值(代码少)
2015/07/28 Javascript
javascript中的previousSibling和nextSibling的正确用法
2015/09/16 Javascript
jQuery实现带渐显效果的人物多级关系图代码
2015/10/16 Javascript
详解JavaScript中常用的函数类型
2015/11/18 Javascript
jQuery打字效果实现方法(附demo源码下载)
2015/12/18 Javascript
JS数组操作中的经典算法实例讲解
2017/07/26 Javascript
BootStrap模态框和select2合用时input无法获取焦点的解决方法
2017/09/01 Javascript
ES6使用export和import实现模块化的方法
2018/09/10 Javascript
深入解读VUE中的异步渲染的实现
2020/06/19 Javascript
Vue +WebSocket + WaveSurferJS 实现H5聊天对话交互的实例
2020/11/18 Vue.js
[48:44]2014 DOTA2国际邀请赛中国区预选赛5.21 TongFu VS HGT
2014/05/22 DOTA
python数据结构树和二叉树简介
2014/04/29 Python
以911新闻为例演示Python实现数据可视化的教程
2015/04/23 Python
python内置数据类型之列表操作
2018/11/12 Python
python中使用while循环的实例
2019/08/05 Python
通过selenium抓取某东的TT购买记录并分析趋势过程解析
2019/08/15 Python
Python实现生成密码字典的方法示例
2019/09/02 Python
python3操作注册表的方法(Url protocol)
2020/02/05 Python
基于Python模拟浏览器发送http请求
2020/11/06 Python
单身旅行者的单身假期:Just You
2018/04/08 全球购物
不同浏览器创建XMLHttpRequest方法有什么不同
2014/11/17 面试题
化工专业推荐信范文
2013/11/28 职场文书
高三政治教学反思
2014/02/06 职场文书
法律顾问服务方案
2014/05/15 职场文书
中层领导干部群众路线对照检查材料思想汇报
2014/10/02 职场文书
技术负责人岗位职责
2015/02/10 职场文书
应届生简历自我评价
2015/03/11 职场文书
初中毕业感言300字
2015/07/31 职场文书
子女赡养老人协议书
2016/03/23 职场文书
MySql数据库触发器使用教程
2022/06/01 MySQL