jQuery实现自动调用和触发某个事件的方法

 更新时间:2016年11月18日 10:43:34   作者:栁罗风尘  
这篇文章主要介绍了jQuery实现自动调用和触发某个事件的方法,结合实例形式列举分析了jQuery事件触发的常见操作技巧,需要的朋友可以参考下

本文实例讲述了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相关内容感兴趣的读者可查看本站专题:《jQuery常见事件用法与技巧总结》、《jQuery常用插件及用法总结》、《jQuery操作json数据技巧汇总》、《jQuery扩展技巧总结》、《jQuery拖拽特效与技巧总结》、《jQuery表格(table)操作技巧汇总》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结

希望本文所述对大家jQuery程序设计有所帮助。

相关文章

  • jQuery实现切换页面过渡动画效果

    jQuery实现切换页面过渡动画效果

    这是一款效果非常酷的jQuery和CSS3通过AJAX调用切换页面过渡动画特效插件。该页面切换特效使用AJAX来动态加载链接内容,在页面加载的时候,使用CSS3来制作非常酷的页面过渡动画效果。插件中使用pushState方法来管理浏览器的浏览历史,需要的朋友可以参考下
    2015-10-10
  • jQuery手动点击实现图片轮播特效

    jQuery手动点击实现图片轮播特效

    这篇文章主要为大家详细介绍了jQuery手动点击实现图片轮播特效,手动点击数字卡片实现图片轮播,对图片轮播感兴趣的小伙伴们可以参考一下
    2015-12-12
  • jQuery实现用户信息表格的添加和删除功能

    jQuery实现用户信息表格的添加和删除功能

    这篇文章主要介绍了jQuery实现用户信息表格的添加和删除功能,代码简单易懂,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-09-09
  • Jquery 获得服务器控件值的方法小结

    Jquery 获得服务器控件值的方法小结

    由于ASP.NET网页运行后,服务器控件会随机生成客户端id,jquery获取时候不太好操作,google了下,总结有以下3种方法.
    2010-05-05
  • 实例讲解JQuery中this和$(this)区别

    实例讲解JQuery中this和$(this)区别

    这篇文章主要介绍了实例讲解JQuery中this和$(this)的区别,this表示当前的上下文对象是一个html对象,可以调用html对象所拥有的属性和方法,$(this),代表的上下文对象是一个jquery的上下文对象,可以调用jquery的方法和属性值,需要的朋友可以参考下
    2014-12-12
  • JQuery 的跨域方法推荐_可跨任何网站

    JQuery 的跨域方法推荐_可跨任何网站

    下面小编就为大家带来一篇JQuery 的跨域方法推荐_可跨任何网站。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-05-05
  • 封装了jQuery的Ajax请求全局配置

    封装了jQuery的Ajax请求全局配置

    这篇文章主要介绍了封装了jQuery的Ajax请求全局配置的相关资料,需要的朋友可以参考下
    2015-02-02
  • jQuery函数的等价原生函数代码示例

    jQuery函数的等价原生函数代码示例

    原生方法明显要比jQuery方法快,因为jQuery方法要处理浏览器兼容以及其他一些事情,如果你针对的是现代浏览器,那么使用原生方法会使性能有很大的提升
    2013-05-05
  • jquery简单的拖动效果实现原理及示例

    jquery简单的拖动效果实现原理及示例

    本文为大家详细介绍下jQuery拖曵的简单实例,具体的实现思路及代码如下,感兴趣的朋友可以参考下哈,希望对大家有所帮助
    2013-07-07
  • jQuery实现键盘回车搜索功能

    jQuery实现键盘回车搜索功能

    本文通过代码给大家介绍了jquery实现键盘回车搜索功能,前台代码和搜索按钮实现代码都给大家贴出了,需要的朋友参考下吧
    2017-07-07

最新评论