美文网首页
jquery事件

jquery事件

作者: 岁月悄然飞逝徒留回忆_54a5 | 来源:发表于2018-11-07 20:15 被阅读0次

    jQuery其他事件

    JS原生写法
                       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/arlbxqtx.html