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中常用的SET和GET
Jan 13 Javascript
Javascript 错误处理的几种方法
Jun 13 Javascript
JS返回上一页实例代码通过图片和按钮分别实现
Aug 16 Javascript
纯js实现div内图片自适应大小(已测试,兼容火狐)
Jun 16 Javascript
谈谈JSON对象和字符串之间的相互转换JSON.stringify(obj)和JSON.parse(string)
Oct 01 Javascript
关于js原型的面试题讲解
Sep 25 Javascript
js实现table添加行tr、删除行tr、清空行tr的简单实例
Oct 15 Javascript
VUE饿了么树形控件添加增删改功能的示例代码
Oct 17 Javascript
在Vue项目中用fullcalendar制作日程表的示例代码
Aug 04 Javascript
js中switch语句的学习笔记
Mar 25 Javascript
Vue Element校验validate的实例
Sep 21 Javascript
vue 使用饿了么UI仿写teambition的筛选功能
Mar 01 Vue.js
修改或扩展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同时支持GIF、png、JPEG
2006/10/09 PHP
php实现图片上传、剪切功能
2016/05/07 PHP
PHP简单实现遍历目录下特定文件的方法小结
2017/05/22 PHP
php实现根据身份证获取精准年龄
2020/02/26 PHP
JavaScript 学习 - 提高篇
2007/02/02 Javascript
基于jQuery的history历史记录插件
2010/12/11 Javascript
基于jQuery的Tab选项框效果代码(插件)
2011/03/01 Javascript
详细介绍8款超实用JavaScript框架
2013/10/25 Javascript
多个jQuery版本共存的处理方案
2015/03/17 Javascript
JSON字符串转JSON对象
2015/07/31 Javascript
基于JavaScript代码实现随机漂浮图片广告
2016/01/05 Javascript
jquery自适应布局的简单实例
2016/05/28 Javascript
浅谈JavaScript对象与继承
2016/07/10 Javascript
AngularJS基础 ng-srcset 指令简单示例
2016/08/03 Javascript
javascript事件捕获机制【深入分析IE和DOM中的事件模型】
2016/12/15 Javascript
JavaScript Date 知识浅析
2017/01/29 Javascript
用js制作淘宝放大镜效果
2020/10/28 Javascript
AngularJS实现路由实例
2017/02/12 Javascript
div中文字内容溢出常见的解决方法
2017/03/16 Javascript
JavaScript模拟文件拖选框样式v1.0的实例
2017/08/04 Javascript
用nodejs实现json和jsonp服务的方法
2017/08/25 NodeJs
浅析Vue 和微信小程序的区别、比较
2018/08/03 Javascript
layui监听单元格编辑前后交互的例子
2019/09/16 Javascript
vue实现鼠标经过动画
2019/10/16 Javascript
python实现校园网自动登录的示例讲解
2018/04/22 Python
解决使用pycharm提交代码时冲突之后文件丢失找回的方法
2018/08/05 Python
Python中作用域的深入讲解
2018/12/10 Python
Python基本语法之运算符功能与用法详解
2019/10/22 Python
Python中sys模块功能与用法实例详解
2020/02/26 Python
PyQt使用QPropertyAnimation开发简单动画
2020/04/02 Python
Python 字典中的所有方法及用法
2020/06/10 Python
英国大码女性时装零售商:Evans
2018/08/29 全球购物
会计自我鉴定范文
2013/10/06 职场文书
幼儿园教师个人反思
2014/01/30 职场文书
技校毕业生自荐信
2014/06/03 职场文书
2016年学校禁毒宣传活动工作总结
2016/04/05 职场文书