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 相关文章推荐
Exitjs获取DataView中图片文件名
Nov 26 Javascript
移动端JQ插件hammer使用详解
Jul 03 Javascript
JavaScript读二进制文件并用ajax传输二进制流的方法
Jul 18 Javascript
jQuery基于xml格式数据实现模糊查询及分页功能的方法
Dec 25 Javascript
JavaScript实现弹窗效果代码分析
Mar 09 Javascript
Vue实现动态响应数据变化
Apr 28 Javascript
详解AngularJS1.6版本中ui-router路由中/#!/的解决方法
May 22 Javascript
Angular中管道操作符(|)的使用方法
Dec 15 Javascript
vue src动态加载请求获取图片的方法
Oct 17 Javascript
详解webpack4.x之搭建前端开发环境
Mar 28 Javascript
ES6知识点整理之模块化的应用详解
Apr 15 Javascript
微信小程序页面渲染实现方法
Nov 06 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
JAVA/JSP学习系列之六
2006/10/09 PHP
PHP操作mysql函数详解,mysql和php交互函数
2011/05/19 PHP
Laravel SQL语句记录方式(推荐)
2016/05/26 PHP
PHP用mysql_insert_id()函数获得刚插入数据或当前发布文章的ID
2016/11/25 PHP
js null undefined 空区别说明
2010/06/13 Javascript
JS实现的自定义网页拖动类
2015/11/06 Javascript
AngularJS通过$http和服务器通信详解
2016/09/21 Javascript
微信小程序 教程之wxapp视图容器 scroll-view
2016/10/19 Javascript
AngularJS ui-router (嵌套路由)实例
2017/03/10 Javascript
Vue中的v-cloak使用解读
2017/03/27 Javascript
js实现下拉框效果(select)
2017/03/28 Javascript
bootstrap 弹出框modal添加垂直方向滚轴效果
2018/07/09 Javascript
vue-cli初始化项目中使用less的方法
2018/08/09 Javascript
详解微信小程序canvas圆角矩形的绘制的方法
2018/08/22 Javascript
VUE+Element UI实现简单的表格行内编辑效果的示例的代码
2018/10/31 Javascript
微信小程序页面上下滚动效果
2020/11/18 Javascript
[01:05:41]EG vs Optic Supermajor 败者组 BO3 第二场 6.6
2018/06/07 DOTA
python用于url解码和中文解析的小脚本(python url decoder)
2013/08/11 Python
给Python中的MySQLdb模块添加超时功能的教程
2015/05/05 Python
在Python中处理列表之reverse()方法的使用教程
2015/05/21 Python
Python数据分析之双色球基于线性回归算法预测下期中奖结果示例
2018/02/08 Python
python 文件查找及内容匹配方法
2018/10/25 Python
django 通过URL访问上传的文件方法
2019/07/28 Python
python实现翻转棋游戏(othello)
2019/07/29 Python
python之生成多层json结构的实现
2020/02/27 Python
Alpine安装Python3依赖出现的问题及解决方法
2020/12/25 Python
德国狗狗用品在线商店:Schecker
2017/03/17 全球购物
COACH德国官方网站:纽约现代奢侈品牌,1941年
2018/06/09 全球购物
党员的自我评价范文
2014/01/02 职场文书
文明市民先进事迹
2014/05/15 职场文书
美术社团活动总结
2014/06/27 职场文书
教师纪念9.18事件演讲稿范文
2014/09/14 职场文书
2014年创先争优工作总结
2014/12/11 职场文书
团支部书记竞选稿
2015/11/21 职场文书
SpringCloud的JPA连接PostgreSql的教程
2021/06/26 Java/Android
vue 把二维或多维数组转一维数组
2022/04/24 Vue.js