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 相关文章推荐
javascript 特性检测并非浏览器检测
Jan 15 Javascript
javascript dom代码应用 简单的相册[firefox only]
Jun 12 Javascript
JS将制定内容复制到剪切板示例代码
Feb 11 Javascript
jQuery的cookie插件实现保存用户登陆信息
Apr 15 Javascript
快速学习jQuery插件 Form表单插件使用方法
Dec 01 Javascript
jQuery常用的一些技巧汇总
Mar 26 Javascript
使用Angular.js实现简单的购物车功能
Nov 21 Javascript
Vue组件Draggable实现拖拽功能
Dec 01 Javascript
Echarts动态加载多条折线图的实现代码
May 24 Javascript
js实现类似iphone的网页滑屏解锁功能示例【附源码下载】
Jun 10 Javascript
JavaScript实现旋转木马轮播图
Mar 16 Javascript
详解vue-router的Import异步加载模块问题的解决方案
May 13 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把数组值转换成键的方法
2015/07/13 PHP
php接口实现拖拽排序功能
2018/04/23 PHP
javascript下判断一个对象是否具有指定名称的属性的的代码
2010/01/11 Javascript
扩展Jquery插件处理mouseover时内部有子元素时发生样式闪烁
2011/12/08 Javascript
浅谈javascript中的作用域
2012/04/07 Javascript
深入理解Javascript中的循环优化
2013/11/09 Javascript
jQuery的deferred对象详解
2014/11/12 Javascript
JavaScript常用脚本汇总(一)
2015/03/04 Javascript
Easyui form combobox省市区三级联动
2016/01/13 Javascript
实例讲解JavaScript中的this指向错误解决方法
2016/06/13 Javascript
Mint UI 基于 Vue.js 移动端组件库
2017/11/07 Javascript
VueJs使用Amaze ui调整列表和内容页面
2017/11/30 Javascript
vue webpack打包后图片路径错误的完美解决方法
2018/12/07 Javascript
Angular6新特性之Angular Material
2018/12/28 Javascript
npm 常用命令详解(小结)
2019/01/17 Javascript
javascript获取元素的计算样式
2019/05/24 Javascript
vue配置文件实现代理v2版本的方法
2019/06/21 Javascript
node运行js获得输出的三种方式示例详解
2020/07/02 Javascript
JavaScript 中的六种循环方法
2021/01/06 Javascript
[58:42]DOTA2上海特级锦标赛C组败者赛 Newbee VS Archon第一局
2016/02/27 DOTA
微信跳一跳小游戏python脚本
2018/01/05 Python
解决DataFrame排序sort的问题
2018/06/07 Python
python虚拟环境迁移方法
2019/01/03 Python
Pycharm之快速定位到某行快捷键的方法
2019/01/20 Python
使用Python快速制作可视化报表的方法
2019/02/03 Python
将string类型的数据类型转换为spark rdd时报错的解决方法
2019/02/18 Python
Python实现二叉树前序、中序、后序及层次遍历示例代码
2019/05/18 Python
艺术系大学生毕业个人自我评价
2013/09/19 职场文书
高中生自我评语大全
2014/01/19 职场文书
开展党的群众路线教育实践活动工作总结
2014/11/05 职场文书
董事会决议范本
2015/07/01 职场文书
英文投诉信格式
2015/07/03 职场文书
2019年教师入党申请书
2019/06/27 职场文书
新员工入职感言范文!
2019/07/04 职场文书
2019最新版股权转让及委托持股协议书范本
2019/08/07 职场文书
Python爬虫实战之爬取京东商品数据并实实现数据可视化
2021/06/07 Python