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 相关文章推荐
ExtJS 2.2.1的grid控件在ie6中的显示问题
May 04 Javascript
input 和 textarea 输入框最大文字限制的jquery插件
Oct 27 Javascript
JavaScript使用encodeURI()和decodeURI()获取字符串值的方法
Aug 04 Javascript
jquery实现简单的遮罩层
Jan 08 Javascript
javascript实现图片左右滚动效果【可自动滚动,有左右按钮】
Sep 19 Javascript
RGB和YUV 多媒体编程基础详细介绍
Nov 04 Javascript
微信小程序开发animation心跳动画效果
Aug 16 Javascript
浅谈JavaScript的innerWidth与innerHeight
Oct 12 Javascript
详解weex默认webpack.config.js改造
Jan 08 Javascript
详解使用vue-cli脚手架初始化Vue项目下的项目结构
Mar 08 Javascript
js逆向解密之网络爬虫
May 30 Javascript
vue history 模式打包部署在域名的二级目录的配置指南
Jul 02 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配置心得包含MYSQL5乱码解决
2006/11/20 PHP
php实现网站文件批量压缩下载功能
2015/10/28 PHP
Zend Framework自定义Helper类相关注意事项总结
2016/03/14 PHP
msn上的tab功能Firefox对childNodes处理的一个BUG
2008/01/21 Javascript
元素的内联事件处理函数的特殊作用域在各浏览器中存在差异
2011/01/12 Javascript
nodejs npm install全局安装和本地安装的区别
2014/06/05 NodeJs
JavaScript基础知识学习笔记
2014/12/02 Javascript
jquery中ajax使用error调试错误的方法
2015/02/08 Javascript
javascript实现表格增删改操作实例详解
2015/05/15 Javascript
js实现具有高亮显示效果的多级菜单代码
2015/09/01 Javascript
Jquery插件之Fancybox丰富的弹出层效果附源码下载
2015/12/02 Javascript
js获取时间函数及扩展函数的方法
2016/10/30 Javascript
移动开发之自适应手机屏幕宽度
2016/11/23 Javascript
js, jQuery实现全选、反选功能
2017/03/08 Javascript
详解webpack和webpack-simple中如何引入css文件
2017/06/28 Javascript
jQuery扩展_动力节点Java学院整理
2017/07/05 jQuery
js数组去重的方法总结
2019/01/18 Javascript
JS实现可切换图片的幻灯切换效果示例
2019/05/24 Javascript
socket在egg中的使用实例代码详解
2019/05/30 Javascript
vue单页应用的内存泄露定位和修复问题小结
2019/08/02 Javascript
Vue项目中Api的组织和返回数据处理的操作
2019/11/04 Javascript
[02:38]DOTA2超级联赛专访Loda 认为IG世界最强
2013/05/27 DOTA
python遍历文件夹并删除特定格式文件的示例
2014/03/05 Python
Python中使用PyHook监听鼠标和键盘事件实例
2014/07/18 Python
python实现泊松图像融合
2018/07/26 Python
在PYQT5中QscrollArea(滚动条)的使用方法
2019/06/14 Python
python控制台实现tab补全和清屏的例子
2019/08/20 Python
python BlockingScheduler定时任务及其他方式的实现
2019/09/19 Python
Python中顺序表原理与实现方法详解
2019/12/03 Python
详解Python 函数参数的拆解
2020/09/02 Python
加拿大时尚床上用品零售商:QE Home | Quilts Etc
2018/01/22 全球购物
幼儿园中秋节活动方案2013
2014/01/29 职场文书
物流管理专业毕业生自荐信
2014/03/04 职场文书
设计专业毕业生求职信
2014/06/25 职场文书
邀请函格式范文
2015/02/02 职场文书
JavaScript实现队列结构过程
2021/12/06 Javascript