jQuery实现自动调用和触发某个事件的方法


Posted in Javascript onNovember 18, 2016

本文实例讲述了jQuery实现自动调用和触发某个事件的方法。分享给大家供大家参考,具体如下:

我以点击事件为例,研究一下这个话题:

jQuery 自动触发点击事件

1.比如我们通过jquery定义了一个点击事件,我们如何自动触发他:

$(function(){
   $('#button').click(function(){
     alert('button is clicking!');
   });
})

1)自动触发点击事件

$('#button').click();

这大大出乎了 我的意料,我以为这样 会将之前的封装事件给覆盖掉了
其实没有。而是调用了里面的匿名函数,
这样我们就不难理解,为什么有些函数同时兼备赋值和取值的功能了

$('input').val('默认值');
var templete = $('input').val();

其实原理说白了 就是将里面的参数直接返回回来了。

2)这里还有一种触发方式:

$('#button').trigger('click');

希望本文所述对大家jQuery程序设计有所帮助。

Javascript 相关文章推荐
采用CSS和JS,刚好我最近有个站点要用到下拉菜单!
Jun 26 Javascript
提高代码性能技巧谈—以创建千行表格为例
Jul 01 Javascript
网站被黑的假象--ARP欺骗之页面中加入一段js
May 16 Javascript
两种JS实现屏蔽鼠标右键的方法
Aug 20 Javascript
JavaScript中使用数组方法汇总
Feb 16 Javascript
Jquery插件仿百度搜索关键字自动匹配功能
May 11 Javascript
20分钟成功编写bootstrap响应式页面 就这么简单
May 12 Javascript
BOM系列第二篇之定时器requestAnimationFrame
Aug 17 Javascript
javascript宿主对象之window.navigator详解
Sep 07 Javascript
vue-ajax小封装实例
Sep 18 Javascript
微信小程序ajax实现请求服务器数据及模版遍历数据功能示例
Dec 15 Javascript
JS hasOwnProperty()方法检测一个属性是否是对象的自有属性的方法
Jan 29 Javascript
jQuery与JavaScript节点创建方法的对比
Nov 18 #Javascript
用iframe实现不刷新整个页面上传图片的实例
Nov 18 #Javascript
Form表单按回车自动提交表单的实现方法
Nov 18 #Javascript
form+iframe解决跨域上传文件的方法
Nov 18 #Javascript
jQuery ajax 当async为false时解决同步操作失败的问题
Nov 18 #Javascript
微信小程序开发实战教程之手势解锁
Nov 18 #Javascript
JavaScript之WebSocket技术详解
Nov 18 #Javascript
You might like
在PHP中操作Excel实例代码
2010/04/29 PHP
php递归创建目录的方法
2015/02/02 PHP
php实现XSS安全过滤的方法
2015/07/29 PHP
PHP创建XML的方法示例【基于DOMDocument类及SimpleXMLElement类】
2019/09/10 PHP
Yii redis集合的基本使用教程
2020/06/14 PHP
做网页的一些技巧
2007/02/01 Javascript
js 禁用只读文本框获得焦点时的退格键
2010/04/25 Javascript
JavaScript和ActionScript的交互实现代码
2010/08/01 Javascript
Javascript call和apply区别及使用方法
2013/11/14 Javascript
JavaScript学习笔记之内置对象
2015/01/22 Javascript
Jquery时间轴特效(三种不同类型)
2015/11/02 Javascript
JQuery日期插件datepicker的使用方法
2016/03/03 Javascript
Angularjs在初始化未完毕时出现闪烁问题的解决方法分析
2016/08/05 Javascript
jQuery+pjax简单示例汇总
2017/04/21 jQuery
nodejs body-parser 解析post数据实例
2017/07/26 NodeJs
jQuery序列化form表单数据为JSON对象的实现方法
2018/09/20 jQuery
基于VUE实现的九宫格抽奖功能
2018/09/30 Javascript
分享15个最受欢迎的Python开源框架
2014/07/13 Python
pycharm 解除默认unittest模式的方法
2018/11/30 Python
Python函数__new__及__init__作用及区别解析
2020/08/31 Python
Python中qutip用法示例详解
2020/10/02 Python
Python利用Pillow(PIL)库实现验证码图片的全过程
2020/10/04 Python
基于Python中Remove函数的用法讨论
2020/12/11 Python
python里glob模块知识点总结
2021/01/05 Python
python利用appium实现手机APP自动化的示例
2021/01/26 Python
python批量提取图片信息并保存的实现
2021/02/05 Python
一些关于MySql加速和优化的面试题
2014/01/30 面试题
百度吧主申请感言
2014/01/12 职场文书
《梅花魂》教学反思
2014/04/30 职场文书
公司开业庆典策划方案
2014/06/04 职场文书
护理学专业求职信
2014/06/29 职场文书
社区清明节活动总结
2014/07/04 职场文书
2015年大学生工作总结
2015/04/21 职场文书
为自己工作观后感
2015/06/11 职场文书
Pytorch distributed 多卡并行载入模型操作
2021/06/05 Python
Java 关于String字符串原理上的问题
2022/04/07 Java/Android