美文网首页
jQuery事件

jQuery事件

作者: Alice丨殇 | 来源:发表于2018-11-07 18:51 被阅读0次

    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');
    

    相关文章

      网友评论

          本文标题:jQuery事件

          本文链接:https://www.haomeiwen.com/subject/vnqpxqtx.html