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删除一个html元素节点的方法
Dec 20 Javascript
JS实现的仿QQ空间图片弹出效果代码
Feb 23 Javascript
浅谈$('div a') 与$('div&gt;a')的区别
Jul 18 Javascript
JS实现图片局部放大或缩小的方法
Aug 20 Javascript
jQuery 实现ajax传入参数含有特殊字符的方法总结
Oct 17 Javascript
浅析js的模块化编写 require.js
Dec 07 Javascript
JS数组排序方法实例分析
Dec 16 Javascript
jQuery插件HighCharts实现的2D回归直线散点效果示例【附demo源码下载】
Mar 09 Javascript
Vue中保存用户登录状态实例代码
Jun 07 Javascript
JS随机排序数组实现方法分析
Oct 11 Javascript
vue指令做滚动加载和监听等
May 26 Javascript
微信小程序基于ColorUI构建皮皮虾短视频去水印组件
Nov 04 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中最简单的字符串匹配算法
2014/12/16 PHP
PHP实现通过URL提取根域名
2016/03/31 PHP
php封装的图片(缩略图)处理类完整实例
2016/10/19 PHP
PHP 布尔值的自增与自减的实现方法
2018/05/03 PHP
javascript天然的迭代器
2010/10/29 Javascript
jquery基础教程之deferred对象使用方法
2014/01/22 Javascript
当达到输入长度时表单自动切换焦点
2014/04/06 Javascript
JS 获取鼠标左右键的键值方法
2014/10/11 Javascript
Jquery搜索父元素操作方法
2015/02/10 Javascript
javascript中createElement的两种创建方式
2015/05/14 Javascript
基于JavaScript实现Json数据根据某个字段进行排序
2015/11/24 Javascript
基于Bootstrap使用jQuery实现输入框组input-group的添加与删除
2016/05/03 Javascript
Dojo获取下拉框的文本和值实例代码
2016/05/27 Javascript
JavaScript选取(picking)和反选(rejecting)对象的属性方法
2017/08/16 Javascript
关于jQuery里prev()的简单操作代码
2017/10/27 jQuery
Vue 组件传值几种常用方法【总结】
2018/05/28 Javascript
vue this.reload 方法 配置
2018/09/12 Javascript
vue使用pdfjs显示PDF可复制的实现方法
2018/12/14 Javascript
微信小程序-API接口安全详解
2019/07/16 Javascript
浅谈webpack和webpack-cli模块源码分析
2020/01/19 Javascript
vue中如何添加百度统计代码
2020/12/19 Vue.js
Python操作列表的常用方法分享
2014/02/13 Python
python装饰器decorator介绍
2014/11/21 Python
Python 序列化 pickle/cPickle模块使用介绍
2014/11/30 Python
在Python中操作文件之read()方法的使用教程
2015/05/24 Python
python中json格式数据输出的简单实现方法
2016/10/31 Python
python同步两个文件夹下的内容
2019/08/29 Python
SVG实现多彩圆环倒计时效果的示例代码
2017/11/21 HTML / CSS
施惠特软件测试面试题以及笔试题
2015/05/13 面试题
行政主管岗位职责
2013/11/18 职场文书
医学专业职业生涯规划范文
2014/02/05 职场文书
团队队名口号大全
2014/06/06 职场文书
党员群众路线教育实践活动剖析材料
2014/10/10 职场文书
基层党组织整改方案
2014/10/25 职场文书
2019各种承诺书范文
2019/06/24 职场文书
python入门之算法学习
2021/04/22 Python