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 相关文章推荐
jQuery 创建Dom元素
May 07 Javascript
jQuery实现图片信息的浮动显示实例代码
Aug 28 Javascript
javascript如何写热点图
Dec 08 Javascript
js实现图片无缝滚动特效
Mar 19 Javascript
简易的JS计算器实现代码
Oct 18 Javascript
详解Vue中使用v-for语句抛出错误的解决方案
May 04 Javascript
浅析Vue项目中使用keep-Alive步骤
Jul 27 Javascript
JavaScript事件冒泡与事件捕获实例分析
Aug 01 Javascript
浅谈redux以及react-redux简单实现
Aug 28 Javascript
Vue.js中该如何自己维护路由跳转记录
May 19 Javascript
Vue基本指令实例图文讲解
Feb 25 Vue.js
JavaScript控制台的更多功能
Apr 28 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函数
2010/01/11 PHP
用Zend Encode编写开发PHP程序
2010/02/21 PHP
php获取新浪微博数据API实例
2013/11/12 PHP
PHP+Ajax检测用户名或邮件注册时是否已经存在实例教程
2014/08/23 PHP
学习PHP Cookie处理函数
2016/08/09 PHP
PHP迭代与递归实现无限级分类
2017/08/28 PHP
Yii框架日志操作图文与实例详解
2019/09/09 PHP
php策略模式简单示例分析【区别于工厂模式】
2019/09/25 PHP
greybox——不开新窗口看新的网页
2007/02/20 Javascript
Javascript解决常见浏览器兼容问题的12种方法
2010/01/04 Javascript
基于jquery的多功能软键盘插件
2012/07/25 Javascript
Jquery实现三层遍历删除功能代码
2013/04/23 Javascript
使用javascript实现雪花飘落的效果
2015/01/13 Javascript
JS实现同时搜索百度和必应的方法
2015/01/27 Javascript
JavaScript数组合并的多种方法
2016/05/22 Javascript
需灵活掌握的Bootstrap预定义排版类 你精通吗?
2016/06/20 Javascript
js基于cookie记录来宾姓名的方法
2016/07/19 Javascript
vue实现nav导航栏的方法
2017/12/13 Javascript
vue脚手架搭建项目的兼容性配置详解
2018/07/17 Javascript
微信小程序3种位置API的使用方法详解
2019/08/05 Javascript
JavaScript Reflect Metadata实现详解
2019/12/12 Javascript
如何实现iframe父子传参通信
2020/02/05 Javascript
400多行Python代码实现了一个FTP服务器
2012/05/10 Python
python实现马耳可夫链算法实例分析
2015/05/20 Python
Python数组遍历的简单实现方法小结
2016/04/27 Python
JPype实现在python中调用JAVA的实例
2017/07/19 Python
django连接mysql数据库及建表操作实例详解
2019/12/10 Python
Python 内置函数globals()和locals()对比详解
2019/12/23 Python
python 使用xlsxwriter循环向excel中插入数据和图片的操作
2021/01/01 Python
eBay爱尔兰站:eBay.ie
2019/08/09 全球购物
Kiehl’s科颜氏西班牙官方网站:源自美国的植物护肤品牌
2020/02/22 全球购物
META-INF文件夹中的MANIFEST.MF的作用
2016/06/21 面试题
水利水电建筑施工应届生求职信
2014/07/04 职场文书
2016元旦晚会主持词
2015/07/01 职场文书
Win11任务栏太宽了怎么办?一招解决Win11任务栏太宽问题
2021/11/21 数码科技
vue组件冲突之引用另一个组件出现组件不显示的问题
2022/04/13 Vue.js