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 匿名函数的理解(透彻版)
Jan 28 Javascript
jQuery 源码分析笔记(2) 变量列表
May 28 Javascript
html5+javascript制作简易画板附图
Apr 25 Javascript
For循环中分号隔开的3部分的执行顺序探讨
May 27 Javascript
JavaScript插件化开发教程 (一)
Jan 27 Javascript
实例详解JSON数据格式及json格式数据域字符串相互转换
Jan 07 Javascript
基于Angularjs实现分页功能
May 30 Javascript
jQuery实现图片轮播效果代码(基于jquery.pack.js插件)
Jun 02 Javascript
微信小程序 canvas API详解及实例代码
Oct 08 Javascript
JavaScript实现构造json数组的方法分析
Aug 17 Javascript
Element-UI中关于table表格的那些骚操作(小结)
Aug 15 Javascript
d3.js 地铁轨道交通项目实战
Nov 27 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使用CURL不依赖COOKIEJAR获取COOKIE的方法
2015/06/17 PHP
优化JavaScript脚本的性能的几个注意事项
2006/12/22 Javascript
jquery 日期分离成年月日的代码
2010/05/14 Javascript
EASYUI TREEGRID异步加载数据实现方法
2012/08/22 Javascript
js 实现日期灵活格式化的小例子
2013/07/14 Javascript
JavaScript italics方法入门实例(把字符串显示为斜体)
2014/10/17 Javascript
node.js中的buffer.fill方法使用说明
2014/12/14 Javascript
原生JavaScript实现动态省市县三级联动下拉框菜单实例代码
2016/02/03 Javascript
js控制TR的显示隐藏
2016/03/04 Javascript
jQuery实现复制到粘贴板功能
2017/02/11 Javascript
ionic2中使用自动生成器的方法
2018/03/04 Javascript
在 Angular6 中使用 HTTP 请求服务端数据的步骤详解
2018/08/06 Javascript
详解ES6 Fetch API HTTP请求实用指南
2018/11/14 Javascript
Vue 处理表单input单行文本框的实例代码
2019/05/09 Javascript
更优雅的微信小程序骨架屏实现详解
2019/08/07 Javascript
如何修改Vue打包后文件的接口地址配置的方法
2020/04/22 Javascript
如何管理Vue中的缓存页面
2021/02/06 Vue.js
Python中使用dom模块生成XML文件示例
2015/04/05 Python
Python实现的排列组合计算操作示例
2017/10/13 Python
Django重装mysql后启动报错:No module named ‘MySQLdb’的解决方法
2018/04/22 Python
python实现归并排序算法
2018/11/22 Python
Python2.7实现多进程下开发多线程示例
2019/05/31 Python
pycharm中import呈现灰色原因的解决方法
2020/03/04 Python
Python切片列表字符串如何实现切换
2020/08/06 Python
Python识别验证码的实现示例
2020/09/30 Python
python如何对链表操作
2020/10/10 Python
Canon佳能美国官方商店:购买数码相机、数码单反相机、镜头和打印机
2016/11/15 全球购物
Omio美国:全欧洲低价大巴、火车和航班搜索和比价
2017/11/08 全球购物
加拿大领先的冒险和户外零售商:Atmosphere
2017/12/19 全球购物
美国经典刺绣和字母儿童服装特卖:Smocked Auctions
2018/07/16 全球购物
日语专业个人的求职信
2013/12/03 职场文书
学习党章思想汇报
2014/01/07 职场文书
法定代表人授权委托书范文
2014/09/22 职场文书
2014年客户经理工作总结
2014/11/20 职场文书
烈士陵园扫墓感想
2015/08/07 职场文书
丧事答谢词大全
2015/09/30 职场文书