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 相关文章推荐
多种方法实现360浏览器下禁止自动填写用户名密码
Jun 16 Javascript
javaScript中两个等于号和三个等于号之间的区别介绍
Jun 27 Javascript
详解JavaScript函数
Dec 01 Javascript
JavaScript的React Web库的理念剖析及基础上手指南
May 10 Javascript
javascript中href和replace的比较(详解)
Nov 25 Javascript
获取select的value、text值的简单示例(jquery与javascript)
Dec 07 Javascript
jQuery弹出窗口简单实现代码
Mar 09 Javascript
vue2.0 elementUI制作面包屑导航栏
Feb 22 Javascript
详解js的视频和音频采集
Aug 09 Javascript
基于javascript处理二进制图片流过程详解
Jun 08 Javascript
three.js显示中文字体与tween应用详析
Jan 04 Javascript
vue @ ~ 相对路径 路径别名设置方式
Jun 05 Vue.js
修改或扩展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
centos 5.6 升级php到5.3的方法
2011/05/14 PHP
PHP关联数组实现根据元素值删除元素的方法
2015/06/26 PHP
谈谈PHP连接Access数据库的注意事项
2016/08/12 PHP
PHP实现计算器小功能
2020/08/28 PHP
Javascript模块化编程(三)require.js的用法及功能介绍
2013/01/17 Javascript
JQuery入门——用映射方式绑定不同事件应用示例
2013/02/05 Javascript
JavaScript学习笔记之基础语法
2015/01/22 Javascript
Javascript编写俄罗斯方块思路及实例
2015/07/07 Javascript
js创建jsonArray传输至后台及后台全面解析
2016/04/11 Javascript
Summernote实现图片上传功能的简单方法
2016/07/11 Javascript
详解vue之页面缓存问题(基于2.0)
2017/01/10 Javascript
Bootstrap媒体对象学习使用
2017/03/07 Javascript
angular 用拦截器统一处理http请求和响应的方法
2017/06/08 Javascript
详解Webpack实战之构建 Electron 应用
2017/12/25 Javascript
微信小程序实现流程进度的图样式功能
2018/01/16 Javascript
ES6知识点整理之对象解构赋值应用示例
2019/04/17 Javascript
vue router 跳转时打开新页面的示例方法
2019/07/28 Javascript
Django1.3添加app提示模块不存在的解决方法
2014/08/26 Python
python中string模块各属性以及函数的用法介绍
2016/05/30 Python
Python登录系统界面实现详解
2019/06/25 Python
python 表格打印代码实例解析
2019/10/12 Python
python使用建议与技巧分享(一)
2020/08/17 Python
python raise的基本使用
2020/09/10 Python
利用Bootstrap实现漂亮简洁的CSS3价格表实例源码
2017/03/02 HTML / CSS
YOOX美国官方网站:全球著名的多品牌时尚网络概念店
2016/09/11 全球购物
Java面试题及答案
2012/09/08 面试题
五年级语文教学反思
2014/01/30 职场文书
实用的简历自我评价
2014/03/06 职场文书
经典安踏广告词
2014/03/21 职场文书
感恩老师演讲稿400字
2014/08/28 职场文书
投标文件签署授权委托书范本
2014/10/12 职场文书
2014年骨干教师工作总结
2014/12/19 职场文书
见习期个人总结
2015/03/05 职场文书
如何利用JavaScript实现二叉搜索树
2021/04/02 Javascript
Python利用folium实现地图可视化
2021/05/23 Python
利用For循环遍历Python字典的三种方法实例
2022/03/25 Python