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 相关文章推荐
JS 自动安装exe程序
Nov 30 Javascript
使用Post提交时须将空格转换成加号的解释
Jan 14 Javascript
15款jQuery分布引导插件分享
Feb 04 Javascript
Javascript使用post方法提交数据实例
Aug 03 Javascript
JavaScript实现页面跳转的几种常用方式
Nov 28 Javascript
浅析JavaScript中浏览器的兼容问题
Apr 19 Javascript
JavaScript程序中实现继承特性的方式总结
Jun 24 Javascript
node.js中module.exports与exports用法上的区别
Sep 02 Javascript
angularjs+bootstrap菜单的使用示例代码
Mar 07 Javascript
详解ES6通过WeakMap解决内存泄漏问题
Mar 09 Javascript
一文快速了解JQuery中的AJAX
May 31 jQuery
深入浅析vue中cross-env的使用
Sep 12 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获取post中的json数据的实现方法
2011/06/08 PHP
php文件操作实例代码
2012/05/10 PHP
zf框架的zend_cache缓存使用方法(zend框架)
2014/03/14 PHP
thinkphp3.2中Lite文件替换框架入口文件或应用入口文件的方法
2015/05/21 PHP
详解PHP的Yii框架中扩展的安装与使用
2016/04/01 PHP
php.ini中date.timezone设置详解
2016/11/20 PHP
详解PHP如何更好的利用PHPstorm的自动提示
2017/08/18 PHP
PHP使用POP3读取邮箱接收邮件的示例代码
2020/07/08 PHP
什么是DOM(Document Object Model)文档对象模型
2012/03/05 Javascript
web基于浏览器的本地存储方法应用
2012/11/27 Javascript
JavaScript 命名空间 使用介绍
2013/08/29 Javascript
使用js写的一个简易的投票
2013/11/27 Javascript
jquery选择器使用详解
2014/04/08 Javascript
js获取checkbox复选框选中的选项实例
2014/08/24 Javascript
JavaScript图像延迟加载库Echo.js
2016/04/05 Javascript
node文件上传功能简易实现代码
2017/06/16 Javascript
node实现基于token的身份验证
2018/04/09 Javascript
讲解vue-router之什么是编程式路由
2018/05/28 Javascript
微信小程序控制台提示warning:Now you can provide attr "wx:key" for a "wx:for" to improve performance解决方法
2019/02/21 Javascript
详解Python的迭代器、生成器以及相关的itertools包
2015/04/02 Python
Python模拟登陆实现代码
2017/06/14 Python
python中文件变化监控示例(watchdog)
2017/10/16 Python
Python基于hashlib模块的文件MD5一致性加密验证示例
2018/02/10 Python
python清除函数占用的内存方法
2018/06/25 Python
python3用PIL把图片转换为RGB图片的实例
2019/07/04 Python
基于Python爬取京东双十一商品价格曲线
2020/10/23 Python
Giglio美国站:意大利奢侈品购物网
2018/02/10 全球购物
香港莎莎官网Sasa.com:亚洲著名国际化妆品商城
2019/11/10 全球购物
德国高尔夫商店:Par71.de
2020/11/29 全球购物
企业务虚会发言材料
2014/10/20 职场文书
先进集体事迹材料范文
2014/12/25 职场文书
学校工会工作总结2015
2015/05/19 职场文书
在校生证明
2015/06/17 职场文书
2015年党建工作汇报材料
2015/06/25 职场文书
干部考核工作总结2015
2015/07/24 职场文书
2015年评职称个人工作总结
2015/10/15 职场文书