《锋利的jQuery》jQuery中的事件

浏览数：28 / 时间：2015年06月09日

1、$(document).ready()方法和window.onload方法的区别

    $(document).ready(function(){
        //代码
    })
//    简写
//    $(function () {
//        //代码
//    });

    window.onload=function(){
        //代码
    }
//    等价于
//    $(window).load(function(){
//        //代码
//    })

①执行时机：前者在DOM完全就绪时就可以被调用，后者是在网页中所有元素（包括元素的所有关联文件）完全加载到浏览器后才执行，即javascript此时才可以访问网页中的任何元素。（注意：前者当与图片有关的HTML已经解析为DOM树了，但有可能图片未加载完毕，图片的高度和宽度此时不一定有效，这时候使用load()方法，相当于js的onload()）

②多次使用：后者javascript的onload事件一次只能保存对一个函数的引用。前者可以按顺序依次执行。

2、事件绑定

    $(function () {
        $("#panel h5.head").bind("click", function () {
            var $content = $(this).next();
            if ($content.is(":visible")) {
                $content.hide();
            } else {
                $content.show();
            }
        });
    });

3、改变绑定事件类型

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

《锋利的jQuery》jQuery中的事件