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事件绑定on()、bind()与delegate() 方法详解
Jun 03 Javascript
jquery插件splitScren实现页面分屏切换模板特效
Jun 16 Javascript
基于JS实现导航条flash导航条
Jun 17 Javascript
js仿手机页面文件下拉刷新效果
Oct 14 Javascript
ionic中列表项增加和删除的实现方法
Jan 22 Javascript
原生js+cookie实现购物车功能的方法分析
Dec 21 Javascript
React降级配置及Ant Design配置详解
Dec 27 Javascript
如何使用pm2快速将项目部署到远程服务器
Mar 12 Javascript
微信小程序开发常见问题及解决方案
Jul 11 Javascript
Angular封装表单控件及思想总结
Dec 11 Javascript
js制作提示框插件
Dec 24 Javascript
什么是SOLID
Mar 24 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
给WordPress的编辑后台添加提示框的代码实例分享
2015/12/25 PHP
PHP购物车类Cart.class.php定义与用法示例
2016/07/20 PHP
thinkphp3.2.3版本的数据库增删改查实现代码
2016/09/22 PHP
javascript 按回车键相应按钮提交事件
2009/11/02 Javascript
js 遍历对象的属性的代码
2011/12/29 Javascript
node.js中的fs.createReadStream方法使用说明
2014/12/17 Javascript
Javascript无参数和有参数类继承问题解决方法
2015/03/02 Javascript
js实现的二级横向菜单条实例
2015/08/22 Javascript
Web程序员必备的7个JavaScript函数
2016/06/14 Javascript
详解Bootstrap的iCheck插件checkbox和radio
2016/08/24 Javascript
JavaScript实现解析INI文件内容的方法
2016/11/17 Javascript
浅谈Vue响应式(数组变异方法)
2018/05/07 Javascript
简述JS浏览器的三种弹窗
2018/07/15 Javascript
在 Vue-CLI 中引入 simple-mock实现简易的 API Mock 接口数据模拟
2018/11/28 Javascript
vue中子组件传递数据给父组件的讲解
2019/01/27 Javascript
浅谈vue获得后台数据无法显示到table上面的坑
2020/08/13 Javascript
原生js实现放大镜组件
2021/01/22 Javascript
python简单程序读取串口信息的方法
2015/03/13 Python
利用python对Excel中的特定数据提取并写入新表的方法
2018/06/14 Python
Python爬虫包BeautifulSoup简介与安装(一)
2018/06/17 Python
Numpy截取指定范围内的数据方法
2018/11/14 Python
Python实现搜索算法的实例代码
2020/01/02 Python
python绘制封闭多边形教程
2020/02/18 Python
CSS3 @keyframes简单动画实现
2018/02/24 HTML / CSS
HTML5的结构和语义(3):语义性的块级元素
2008/10/17 HTML / CSS
Html5 FileReader实现即时上传图片功能实例代码
2014/09/01 HTML / CSS
美国女士时尚珠宝及配饰购物网站:Icing
2018/07/02 全球购物
FC-Moto美国:欧洲最大的摩托车服装和头盔商店之一
2019/08/24 全球购物
自强自立美德少年事迹材料
2014/08/16 职场文书
英语四级考试作弊检讨书
2014/09/29 职场文书
2014年党员发展工作总结
2014/12/02 职场文书
2014年小学校长工作总结
2014/12/08 职场文书
南湾猴岛导游词
2015/02/09 职场文书
《金钱的魔力》教学反思
2016/02/20 职场文书
党员学习型组织心得体会
2019/06/21 职场文书
零基础学java之循环语句的使用
2022/04/10 Java/Android