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 插件实现图片延迟加载效果代码
Feb 06 Javascript
dreamweaver 安装Jquery智能提示
Apr 02 Javascript
绑定回车enter事件代码
May 18 Javascript
JQuery 给元素绑定click事件多次执行的解决方法
Sep 09 Javascript
JavaScript中连接操作Oracle数据库实例
Apr 02 Javascript
学习Bootstrap组件之下拉菜单
Jul 28 Javascript
Jsonp 关键字详解及json和jsonp的区别,ajax和jsonp的区别
Dec 30 Javascript
JS实现左右无缝轮播图代码
May 01 Javascript
jQuery简单创建节点的方法
Sep 09 Javascript
Angular实现的自定义模糊查询、排序及三角箭头标注功能示例
Dec 28 Javascript
express如何使用session与cookie的方法
Jan 30 Javascript
Vue组件内部实现一个双向数据绑定的实例代码
Apr 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调整gif动画图片尺寸示例代码分享
2013/12/05 PHP
PHP 如何获取二维数组中某个key的集合
2014/06/03 PHP
php语言的7种基本的排序方法
2020/12/28 PHP
THINKPHP截取中文字符串函数实例代码
2017/03/20 PHP
jQuery使用手册之三 CSS操作
2007/03/24 Javascript
jquery $.ajax各个事件执行顺序
2010/10/15 Javascript
将字符串转换成gb2312或者utf-8编码的参数(js版)
2013/04/10 Javascript
javascript的创建多行字符串的7种方法
2014/04/29 Javascript
jquery 构造函数在表单提交过程中修改数据
2015/05/25 Javascript
JS通过Cookie判断页面是否为首次打开
2016/02/05 Javascript
jquery实现的table排序功能示例
2017/03/10 Javascript
详解react-router4 异步加载路由两种方法
2017/09/12 Javascript
Vue2.0 事件的广播与接收(观察者模式)
2018/03/14 Javascript
Nodejs中获取当前函数被调用的行数及文件名详解
2018/12/12 NodeJs
Vue 幸运大转盘实现思路详解
2019/05/06 Javascript
Smartour 让网页导览变得更简单(推荐)
2019/07/19 Javascript
vue的三种图片引入方式代码实例
2019/11/19 Javascript
Nodejs + Websocket 指定发送及群聊的实现
2020/01/09 NodeJs
Vue2.0 $set()的正确使用详解
2020/07/28 Javascript
[01:24:09]Ti4 冒泡赛第二轮DK vs C9 1
2014/07/14 DOTA
[51:26]DOTA2上海特级锦标赛主赛事日 - 2 胜者组第一轮#3Secret VS OG第二局
2016/03/03 DOTA
[36:05]DOTA2亚洲邀请赛 3.31 小组赛 A组 Liquid vs Optic
2018/04/01 DOTA
python字符串连接的N种方式总结
2014/09/17 Python
连接Python程序与MySQL的教程
2015/04/29 Python
python日期时间转为字符串或者格式化输出的实例
2018/05/29 Python
Pyecharts绘制全球流向图的示例代码
2020/01/08 Python
详解python中各种文件打开模式
2020/01/19 Python
利用CSS3的特性改变文本选中时的颜色
2013/09/11 HTML / CSS
巴西最大的家电和百货零售商:Casas Bahia
2016/11/22 全球购物
可打印的优惠券、杂货和优惠券代码:Coupons.com
2018/06/12 全球购物
含精油的天然有机化妆品:Indemne
2019/08/27 全球购物
C#面试题问题集
2016/04/02 面试题
传播学毕业生求职信
2013/10/11 职场文书
使用golang编写一个并发工作队列
2021/05/08 Golang
Django实现聊天机器人
2021/05/31 Python
使用Docker容器部署rocketmq单机的全过程
2022/04/03 Servers