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 判断日期格式是否正确的实现代码
Jul 04 Javascript
js实现一个链接打开两个链接地址的方法
May 12 Javascript
纯JS实现本地图片预览的方法
Jul 31 Javascript
jQuery实现仿美橙互联两级导航菜单效果完整实例
Sep 17 Javascript
Javascript编程中几种继承方式比较分析
Nov 28 Javascript
详解Vue使用 vue-cli 搭建项目
Apr 20 Javascript
vue监听scroll的坑的解决方法
Sep 07 Javascript
VUE中v-on:click事件中获取当前dom元素的代码
Aug 22 Javascript
原生JS实现轮播图效果
Oct 12 Javascript
fetch 如何实现请求数据
Dec 20 Javascript
Vue项目从webpack3.x升级webpack4不完全指南
Apr 28 Javascript
一百行JS代码实现一个校验工具
Apr 30 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实现抓取迅雷VIP账号的方法
2015/07/30 PHP
php 从一个数组中随机的取出若干个不同的数实例
2016/12/31 PHP
PHP的curl函数的用法总结
2019/02/14 PHP
PHP 对象继承原理与简单用法示例
2020/04/21 PHP
Javascript与vbscript数据共享
2007/01/09 Javascript
JQuery的read函数与js的onload不同方式实现
2013/03/18 Javascript
jQuery.extend()的实现方式详解及实例
2013/06/29 Javascript
javascript操作css属性
2013/12/30 Javascript
键盘上一张下一张兼容IE/google/firefox等浏览器
2014/01/28 Javascript
JavaScript判断变量是否为空的自定义函数分享
2015/01/31 Javascript
javascript实现客户端兼容各浏览器创建csv并下载的方法
2015/03/23 Javascript
浅谈JS的基础类型与引用类型
2016/09/13 Javascript
从零开始学习Node.js系列教程四:多页面实现数学运算的client端和server端示例
2017/04/13 Javascript
微信小程序基于本地缓存实现点赞功能的方法
2017/12/18 Javascript
vue中node_modules中第三方模块的修改使用详解
2019/05/31 Javascript
微信小程序实现一张或多张图片上传(云开发)
2019/09/25 Javascript
解决layui页面按钮点击无反应,也不报错的问题
2019/09/29 Javascript
解决VUE mounted 钩子函数执行时 img 未加载导致页面布局的问题
2020/07/27 Javascript
[00:52]玛尔斯技能全介绍
2019/03/06 DOTA
Python的函数嵌套的使用方法
2014/01/24 Python
python使用xlrd模块读写Excel文件的方法
2015/05/06 Python
Python使用Supervisor来管理进程的方法
2015/05/28 Python
浅谈Python NLP入门教程
2017/12/25 Python
Python使用cx_Freeze库生成msi格式安装文件的方法
2018/07/10 Python
对pandas通过索引提取dataframe的行方法详解
2019/02/01 Python
python 图像的离散傅立叶变换实例
2020/01/02 Python
python 安装移动复制第三方库操作
2020/07/13 Python
新西兰最大的在线设计师眼镜店:SmartBuyGlasses新西兰
2017/10/20 全球购物
Sunglasses Shop丹麦:欧洲第一的太阳镜在线销售网站
2017/10/22 全球购物
BNKR中国官网:带你感受澳洲领先潮流时尚
2018/08/21 全球购物
什么时候用assert
2015/05/08 面试题
婚庆开业庆典主持词
2015/06/30 职场文书
教师培训简讯
2015/07/20 职场文书
调研报告的主要写法
2019/04/18 职场文书
如何用python插入独创性声明
2021/03/31 Python
Python3的进程和线程你了解吗
2022/03/16 Python