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 相关文章推荐
仅IE支持clearAttributes/mergeAttributes方法使用介绍
May 04 Javascript
jquery Mobile入门—多页面切换示例学习
Jan 08 Javascript
js控制鼠标事件移动及移出效果显示
Oct 19 Javascript
node.js操作mongodb学习小结
Apr 25 Javascript
jQuery mobile转换url地址及获取url中目录部分的方法
Dec 04 Javascript
jQuery实现图片向左向右切换效果的简单实例
May 18 Javascript
JQuery遍历元素的父辈和祖先的方法
Sep 18 Javascript
JavaScript制作简易计算器(不用eval)
Feb 05 Javascript
[原创]SyntaxHighlighter自动识别并加载脚本语言
Feb 07 Javascript
Ajax异步获取html数据中包含js方法无效的解决方法
Feb 20 Javascript
使用wxapp-img-loader自定义组件实现微信小程序图片预加载功能
Oct 18 Javascript
bootstrap table.js动态填充单元格数据的多种方法
Jul 18 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
先进的自动咖啡技术,真的可以取代咖啡师吗?
2021/03/06 冲泡冲煮
多个PHP中文字符串截取函数
2013/11/12 PHP
php中preg_match的isU代表什么意思
2015/10/01 PHP
composer.lock文件的作用
2016/02/03 PHP
laravel通过创建自定义artisan make命令来新建类文件详解
2017/08/17 PHP
php实现的PDO异常处理操作分析
2018/12/27 PHP
总结PHP中初始化空数组的最佳方法
2019/02/13 PHP
php实现银联商务公众号+服务窗支付的示例代码
2019/10/12 PHP
JavaScript获取GridView选择的行内容
2009/04/14 Javascript
Extjs Ext.MessageBox.confirm 确认对话框详解
2010/04/02 Javascript
判断javascript的数据类型(示例代码)
2013/12/11 Javascript
javascript处理a标签超链接默认事件的方法
2015/06/29 Javascript
纯js实现瀑布流布局及ajax动态新增数据
2016/04/07 Javascript
详解vue.js的devtools安装
2017/05/26 Javascript
详解Angular.js中$http拦截器的介绍及使用
2017/07/04 Javascript
微信小程序 scroll-view实现锚点滑动的示例
2017/12/06 Javascript
vue+moment实现倒计时效果
2019/08/26 Javascript
js实现贪吃蛇游戏(简易版)
2020/09/29 Javascript
[07:20]2018DOTA2国际邀请赛寻真——逐梦Mineski
2018/08/10 DOTA
布同自制Python函数帮助查询小工具
2011/03/13 Python
基于Python如何使用AIML搭建聊天机器人
2016/01/27 Python
100行python代码实现跳一跳辅助程序
2018/01/15 Python
Python内置模块ConfigParser实现配置读写功能的方法
2018/02/12 Python
Python键盘输入转换为列表的实例
2018/06/23 Python
10个Python小技巧你值得拥有
2018/09/29 Python
python3.6+selenium实现操作Frame中的页面元素
2019/07/16 Python
django中SMTP发送邮件配置详解
2019/07/19 Python
Python实现SMTP邮件发送
2020/06/16 Python
python 实现关联规则算法Apriori的示例
2020/09/30 Python
python之openpyxl模块的安装和基本用法(excel管理)
2021/02/03 Python
澳大利亚票务和娱乐市场领导者:Ticketmaster
2017/03/03 全球购物
会计师事务所审计实习自我鉴定
2013/09/20 职场文书
感恩祖国演讲稿
2014/09/09 职场文书
写作技巧:如何撰写商业计划书
2019/08/08 职场文书
利用uni-app生成微信小程序的踩坑记录
2022/04/05 Javascript
MySQL数据管理操作示例讲解
2022/12/24 MySQL