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插件开发中的extend方法
Nov 19 Javascript
jQuery设置与获取HTML,文本和值的简单实例
Feb 26 Javascript
浅谈JavaScript中定义变量时有无var声明的区别
Aug 18 Javascript
javascript实现实时输出当前的时间
Apr 27 Javascript
谈谈impress.js初步理解
Sep 09 Javascript
通过构造函数实例化对象的方法
Jun 28 Javascript
基于BootStrap实现简洁注册界面
Jul 20 Javascript
浅谈node.js 命令行工具(cli)
May 10 Javascript
vue2.0使用v-for循环制作多级嵌套菜单栏
Jun 25 Javascript
详解vue.js根据不同环境(正式、测试)打包到不同目录
Jul 13 Javascript
AngularJS使用$http配置对象方式与服务端交互方法
Aug 13 Javascript
如何搭建一个完整的Vue3.0+ts的项目步骤
Oct 18 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
Blitz templates 最快的PHP模板引擎
2010/04/06 PHP
php生成随机颜色的方法
2014/11/13 PHP
PHP实现简单汉字验证码
2015/07/28 PHP
php微信开发自定义菜单
2016/08/27 PHP
解决form中action属性后面?传递参数 获取不到的问题
2017/07/21 PHP
跟我一起学写jQuery插件开发方法(附完整实例及下载)
2010/04/01 Javascript
js split 的用法和定义 js split分割字符串成数组的实例代码
2012/05/13 Javascript
JavaScript显示当然日期和时间即年月日星期和时间
2013/10/29 Javascript
js 动态修改css文件用到了cssRule
2014/08/20 Javascript
jQuery插件EasyUI校验规则 validatebox验证框
2015/11/29 Javascript
AngularJS数据源的多种获取方式汇总
2016/02/02 Javascript
jQuery设置单选按钮radio选中/不可用的实例代码
2016/06/24 Javascript
JS中检测数据类型的几种方式及优缺点小结
2016/12/12 Javascript
Angular.js中数组操作的方法教程
2017/07/31 Javascript
vue 使用自定义指令实现表单校验的方法
2018/08/28 Javascript
JS数组实现分类统计实例代码
2018/09/30 Javascript
js中数组对象去重的两种方法
2019/01/18 Javascript
JavaScript面试技巧之数组的一些不low操作
2019/03/22 Javascript
4 种滚动吸顶实现方式的比较
2019/04/09 Javascript
微信小程序Echarts图表组件使用方法详解
2019/06/25 Javascript
vue cli3 配置proxy代理无效的解决
2019/10/30 Javascript
python自动化工具日志查询分析脚本代码实现
2013/11/26 Python
python logging类库使用例子
2014/11/22 Python
windows下Virtualenvwrapper安装教程
2017/12/13 Python
python求一个字符串的所有排列的实现方法
2020/02/04 Python
解决keras模型保存h5文件提示无此目录问题
2020/07/01 Python
详解Django中views数据查询使用locals()函数进行优化
2020/08/24 Python
CSS3属性使网站设计增强同时不消弱可用性
2009/08/29 HTML / CSS
浅析HTML5 Landmark
2020/09/11 HTML / CSS
GANT英国官方网上商店:甘特衬衫
2018/02/06 全球购物
电气自动化专业职业规划范文
2014/02/16 职场文书
中学生关于梦想的演讲稿
2014/08/22 职场文书
实习协议书
2015/01/27 职场文书
教师个人自我评价
2015/03/04 职场文书
某药房的新员工入职告知书!
2019/07/15 职场文书
win10电脑双屏显示一个黑屏怎么办?win10电脑双屏显示一个黑屏解决方法
2022/07/15 数码科技