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 联动的无限级封装类,数据采用非Ajax方式,随意添加联动
Jun 29 Javascript
ie6下png图片背景不透明的解决办法使用js实现
Jan 11 Javascript
博客侧边栏模块跟随滚动条滑动固定效果的实现方法(js+jquery等)
Mar 24 Javascript
jquery 跳到顶部和底部动画2句代码简单实现
Jul 18 Javascript
jquery禁用右键单击功能屏蔽F5刷新
Mar 17 Javascript
使用jsonp完美解决跨域问题
Nov 27 Javascript
Shell脚本实现Linux系统和进程资源监控
Mar 05 Javascript
Vue.js学习之过滤器详解
Jan 22 Javascript
微信小程序自定义组件
Aug 16 Javascript
JS计算两个时间相差分钟数的方法示例
Jan 10 Javascript
详解js根据百度地图提供经纬度计算两点距离
May 13 Javascript
vue store之状态管理模式的详细介绍
Jun 13 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来自动调用不同服务器上的flash
2006/10/09 PHP
解析PHP实现下载文件的两种方法
2013/07/05 PHP
PHP读取文件内容后清空文件示例代码
2014/03/18 PHP
CodeIgniter框架URL路由总结
2014/09/03 PHP
laravel 中某一字段自增、自减的例子
2019/10/11 PHP
PHP标准库 (SPL)――Countable用法示例
2020/06/05 PHP
javascript语句中的CDATA标签的意义
2007/05/09 Javascript
jquery创建div 实现代码
2009/04/27 Javascript
js代码实现点击按钮出现60秒倒计时
2021/01/28 Javascript
jQuery实现的右下角广告窗体跟随效果示例
2016/09/16 Javascript
将html页面保存成图片,图片写入pdf的实现方法(推荐)
2016/09/17 Javascript
关于js原型的面试题讲解
2016/09/25 Javascript
AngularJS中run方法的巧妙运用
2017/01/04 Javascript
微信小程序 devtool隐藏的秘密
2017/01/21 Javascript
AngularJS2中一种button切换效果的实现方法(二)
2017/03/27 Javascript
基于jQuery实现文字打印动态效果
2017/04/21 jQuery
学习使用ExpressJS 4.0中的新Router的用法
2018/11/06 Javascript
使用Vue-scroller页面input框不能触发滑动的问题及解决方法
2020/08/08 Javascript
[01:20]PWL开团时刻DAY9——听说潮汐没用?
2020/11/10 DOTA
在漏洞利用Python代码真的很爽
2007/08/26 Python
Python实现CET查分的方法
2015/03/10 Python
Python之re操作方法(详解)
2017/06/14 Python
python 字典 按key值大小 倒序取值的实例
2018/07/06 Python
python实现点对点聊天程序
2018/07/28 Python
python TF-IDF算法实现文本关键词提取
2019/05/29 Python
opencv python在视屏上截图功能的实现
2020/03/05 Python
Pythonic版二分查找实现过程原理解析
2020/08/11 Python
CSS3制作精致的照片墙特效
2016/06/07 HTML / CSS
利用CSS3的border-radius绘制太极及爱心图案示例
2016/05/17 HTML / CSS
10个最常见的HTML5面试题 附答案
2016/06/06 HTML / CSS
美国著名童装品牌:OshKosh B’gosh
2016/08/05 全球购物
New Balance天猫官方旗舰店:始于1906年,百年慢跑品牌
2017/11/15 全球购物
白酒市场营销方案
2014/02/25 职场文书
文明班集体申报材料
2014/05/23 职场文书
财会专业大学生求职信
2014/09/26 职场文书
学生退学证明
2015/06/23 职场文书