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 相关文章推荐
html数组字符串拼接的最快方法
Sep 16 Javascript
JavaScript使用IEEE 标准进行二进制浮点运算产生莫名错误的解决方法
May 28 Javascript
jQuery学习笔记(4)--Jquery中获取table中某列值的具体思路
Apr 10 Javascript
Jquery中LigerUi的弹出编辑框(实现方法)
Jul 09 Javascript
jQuery对指定元素中指定字符串进行替换的方法
Mar 17 Javascript
基于BootStrap Metronic开发框架经验小结【七】数据的导入、导出及附件的查看处理
May 12 Javascript
JavaScript观察者模式(publish/subscribe)原理与实现方法
Mar 30 Javascript
js排序与重组的实例讲解
Aug 28 Javascript
canvas轨迹回放功能实现
Dec 20 Javascript
jQuery中可见性过滤器简单用法示例
Mar 31 jQuery
vue中rem的配置的方法示例
Aug 30 Javascript
微信小程序实现文字跑马灯
May 26 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
留言板翻页的实现详解
2006/10/09 PHP
PHP has encountered an Access Violation
2007/01/15 PHP
PHP中动态显示签名和ip原理
2007/03/28 PHP
PHP 杂谈《重构-改善既有代码的设计》之四 简化条件表达式
2012/04/09 PHP
php循环table实现一行两列显示的方法
2015/06/04 PHP
PHP使用NuSOAP调用Web服务的方法
2015/07/18 PHP
PHP基于递归实现的约瑟夫环算法示例
2017/08/27 PHP
如何用js控制css中的float的代码
2007/08/16 Javascript
浅谈javascript中的作用域
2012/04/07 Javascript
Javscript调用iframe框架页面中函数的方法
2014/11/01 Javascript
jQuery带箭头提示框tooltips插件集锦
2014/11/17 Javascript
基于jquery ui的alert,confirm方案(支持换肤)
2015/04/03 Javascript
jQuery控制元素显示、隐藏、切换、滑动的方法总结
2015/04/16 Javascript
js实现从右向左缓缓浮出网页浮动层广告的方法
2015/05/09 Javascript
js实现带按钮的上下滚动效果
2015/05/12 Javascript
javascript实现简单的省市区三级联动
2015/05/14 Javascript
基于jQuery实现放大镜特效
2020/10/19 Javascript
详解JavaScript跨域总结与解决办法
2016/10/31 Javascript
Vue 父子组件的数据传递、修改和更新方法
2018/03/01 Javascript
微信小程序自定义tabBar组件开发详解
2020/09/24 Javascript
如何解决webpack-dev-server代理常切换问题
2019/01/09 Javascript
JS中min函数实例讲解
2019/02/18 Javascript
[02:38]2018年度DOTA2最佳劣单位选手-完美盛典
2018/12/17 DOTA
Python类的继承和多态代码详解
2017/12/27 Python
python 通过麦克风录音 生成wav文件的方法
2019/01/09 Python
HTML5新增form控件和表单属性实例代码详解
2019/05/15 HTML / CSS
携程英文网站:Trip.com
2017/02/07 全球购物
编程用JAVA解析XML的方式
2013/07/07 面试题
大学毕业生文采飞扬的自我鉴定
2013/12/03 职场文书
超市开学活动方案
2014/03/01 职场文书
领导干部四风问题自我剖析材料
2014/09/25 职场文书
会议欢迎词
2015/01/23 职场文书
2016年清明节网上祭英烈活动总结
2016/04/01 职场文书
使用python+pygame开发消消乐游戏附完整源码
2021/06/10 Python
数据库之SQL技巧整理案例
2021/07/07 SQL Server
kubernetes集群搭建Zabbix监控平台的详细过程
2022/07/07 Servers