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 相关文章推荐
一段效率很高的for循环语句使用方法
Aug 13 Javascript
JQuery入门—编写一个简单的JQuery应用案例
Jan 03 Javascript
html a标签-超链接中confirm方法使用介绍
Jan 04 Javascript
深入剖析JavaScript中的枚举功能
Mar 06 Javascript
XML文件转化成NSData对象的方法
Aug 12 Javascript
JS实现加载时锁定HTML页面元素的方法
Jun 24 Javascript
基于 webpack2 实现的多入口项目脚手架详解
Jun 26 Javascript
浅谈vue后台管理系统权限控制思考与实践
Dec 19 Javascript
vuex存储token示例
Nov 11 Javascript
微信小程序wx.navigateTo方法里的events参数使用详情及场景
Jan 07 Javascript
Vue中keep-alive 实现后退不刷新并保持滚动位置
Mar 17 Javascript
ES6对象操作实例详解
May 23 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
Eclipse的PHP插件PHPEclipse安装和使用
2014/07/20 PHP
PHP SOCKET编程详解
2015/05/22 PHP
Laravel关系模型指定条件查询方法
2019/10/10 PHP
20个非常有用的PHP类库 加速php开发
2010/01/15 Javascript
Javascript 面向对象编程(一) 封装
2011/08/28 Javascript
img onload事件绑定各浏览器均可执行
2012/12/19 Javascript
javascript检测页面是否缩放的小例子
2013/05/16 Javascript
jQuery动态效果显示人物结构关系图的方法
2015/05/07 Javascript
JavaScript常用判断写法大全(推荐)
2016/05/30 Javascript
jquery Ajax实现Select动态添加数据
2017/06/08 jQuery
Node.js利用断言模块assert进行单元测试的方法
2017/09/28 Javascript
旺旺在线客服代码 旺旺客服代码生成器
2018/01/09 Javascript
基于Vue的延迟加载插件vue-view-lazy
2018/05/21 Javascript
详解Vue基于vue-quill-editor富文本编辑器使用心得
2019/01/03 Javascript
Vue自定义指令结合阿里云OSS优化图片的实现方法
2019/11/12 Javascript
在vue中使用eslint,配合vscode的操作
2020/11/09 Javascript
Nodejs实现微信分账的示例代码
2021/01/19 NodeJs
[02:05]2014DOTA2国际邀请赛 BBC外卡赛赛后总结
2014/07/09 DOTA
Python中使用 Selenium 实现网页截图实例
2014/07/18 Python
Python入门及进阶笔记 Python 内置函数小结
2014/08/09 Python
Python map和reduce函数用法示例
2015/02/26 Python
python写入xml文件的方法
2015/05/08 Python
Python的Django框架中settings文件的部署建议
2015/05/30 Python
numpy.random.seed()的使用实例解析
2018/02/03 Python
Python实现的旋转数组功能算法示例
2019/02/23 Python
Flask框架单例模式实现方法详解
2019/07/31 Python
python中数字是否为可变类型
2020/07/08 Python
python获取命令行参数实例方法讲解
2020/11/02 Python
大专应届生个人简历的自我评价
2013/10/15 职场文书
高中自我评价范文
2014/01/27 职场文书
房产委托公证书
2014/04/08 职场文书
卖车协议书
2014/04/21 职场文书
安全口号大全
2014/06/21 职场文书
求职自荐信怎么写
2015/03/04 职场文书
SONY AN-LP1 短波有源天线放大器
2021/04/22 无线电
如何利用Python实现一个论文降重工具
2021/07/09 Python