jquery事件

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');
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容