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 相关文章推荐
情人节之礼 js项链效果
Feb 13 Javascript
广泛收集的jQuery拖放插件集合
Apr 09 Javascript
AngularJS实现Model缓存的方式
Feb 03 Javascript
使用BootStrap实现悬浮窗口的效果
Dec 13 Javascript
JavaScript trim 实现去除字符串首尾指定字符的简单方法
Dec 27 Javascript
利用jquery实现实时更新歌词的方法
Jan 06 Javascript
Centos6.8下Node.js安装教程
May 12 Javascript
JavaScript同源策略和跨域访问实例详解
Apr 03 Javascript
vue插件draggable实现拖拽移动图片顺序
Dec 01 Javascript
angularjs模态框的使用代码实例
Dec 20 Javascript
jQuery实现小火箭返回顶部特效
Feb 03 jQuery
ES6中的类(Class)示例详解
Dec 09 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
thinkPHP统计排行与分页显示功能示例
2016/12/02 PHP
yii2项目实战之restful api授权验证详解
2017/05/20 PHP
PC端微信扫码支付成功之后自动跳转php版代码
2017/07/07 PHP
Yii2框架中一些折磨人的坑
2019/12/15 PHP
HR vs CL BO3 第二场 2.13
2021/03/10 DOTA
Extjs4中Form的使用之本地hiddenfield
2013/11/26 Javascript
form表单action提交的js部分与html部分
2014/01/07 Javascript
JavaScript中的类(Class)详细介绍
2014/12/30 Javascript
JS实现的5级联动Select下拉选择框实例
2015/08/17 Javascript
简单谈谈JavaScript的同步与异步
2015/12/31 Javascript
javascript+HTML5 Canvas绘制转盘抽奖
2020/05/16 Javascript
新闻上下滚动jquery 超简洁(必看篇)
2017/01/21 Javascript
jQuery插件FusionCharts绘制的2D双柱状图效果示例【附demo源码】
2017/05/13 jQuery
Vue.js对象转换实例
2017/06/07 Javascript
JavaScript实现设置默认日期范围为最近40天的方法分析
2017/07/12 Javascript
JavaScript函数绑定用法实例分析
2017/11/14 Javascript
bootstrap 点击空白处popover弹出框隐藏实例
2018/01/24 Javascript
vue生命周期与钩子函数简单示例
2019/03/13 Javascript
Vue+Koa2 打包后进行线上部署的教程详解
2019/07/31 Javascript
基于JavaScript或jQuery实现网站夜间/高亮模式
2020/05/30 jQuery
vue 页面跳转的实现方式
2021/01/12 Vue.js
[01:05]主宰至宝剑心之遗
2017/03/16 DOTA
python类型强制转换long to int的代码
2013/02/10 Python
详解在Python和IPython中使用Docker
2015/04/28 Python
python executemany的使用及注意事项
2017/03/13 Python
python 2.7.14安装图文教程
2018/04/08 Python
python 平衡二叉树实现代码示例
2018/07/07 Python
Tornado实现多进程/多线程的HTTP服务详解
2019/07/25 Python
Pandas时间序列基础详解(转换,索引,切片)
2020/02/26 Python
美国美妆网站:B-Glowing
2016/10/12 全球购物
猫咪家具:CatsPlay
2018/11/03 全球购物
PPP协议组成及简述协议协商的基本过程
2015/05/28 面试题
社区党务公开实施方案
2014/03/18 职场文书
酒店节能降耗方案
2014/05/08 职场文书
本科毕业论文导师评语
2014/12/31 职场文书
Python爬虫之用Xpath获取关键标签实现自动评论盖楼抽奖(二)
2021/06/07 Python