jQuery事件

jQuery其他事件

S原生写法
window.onload = function(){ }
jQuery写法,等同于上面写法

$(window).load(function(){
})
ready的写法

$(document).ready(function(){
})
ready的简写

$(function(){
绑定事件

只能绑定click事件,不能绑定其他的了
$('#btn').click(function() {
Act on the event
});

//bind方式可绑定多个事件
$('#btn').bind('click mouseover', function() {
alert('hello!');

//取消绑定事件
$(this).unbind('mouseover');
});

自定义事件

自定义事件只能用bind方式绑定,第一个参数是事件的名字,第二个参数是事件发生时执行的函数
('#btn1').bind('hello', function(){ alert('hello'); })('#btn1').bind('click', function(){
alert('click');
})
('#btn2').click(function() { // trigger即可以触发自定义事件,也可以触发原始的事件('#btn1').trigger('hello');
$('#btn1').trigger('click');
});

        //不一定点击按钮触发,也可页面加载时触发,也可在满足某种if条件时触发
        // $('#btn1').trigger('hello');
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • //------------------------- 第一章 认识JQuery ----------------...
    米塔塔阅读 814评论 0 9
  • 问答部分 一、说说库和框架的区别? 库~是一个提供了封装好很多方法的工具,在这个工具里面,用与不用都是由你决定,控...
    dengpan阅读 428评论 1 2
  • 问答部分 一、说说库和框架的区别? 库~是一个提供了封装好很多方法的工具,在这个工具里面,用与不用都是由你决定,控...
    dengpan阅读 337评论 0 0
  • 通过jQuery,您可以选取(查询,query)HTML元素,并对它们执行“操作”(actions)。 jQuer...
    枇杷树8824阅读 726评论 0 3
  • 2017.7.28 香君 今天本来答应带儿子出去吃早饭的,可是一直下着雨,就没有去,而昨晚我在和儿子约定前就事先说...
    幸福妈妈雨后阳光阅读 530评论 0 0

友情链接更多精彩内容