[jQuery代码]jQuery中如何使用document ready？

日期：2011/11/28  来源：GBin1.com

很多人都使用jQuery的document ready方法，但是不是所有人都理解如何使用jQuery。

使用方式1

$(document).ready(function() {
    //当DOM完成后执行代码
});

使用方式2

$(function(){
    //jQuery 相关代码
});

和第一个种方式一样，语法上和第一钟方式没有区别

使用方式3

jQuery(document).ready(function($) {
    //当DOM完成后执行代码
}); 

$符合和以上代码中的jQuery意义一样，这样使用可以避免不同类库的冲突。

因为目前的各种流行的类库中都使用$来作为缩略符号，这样造成浏览器无法解析。

我们可以使用完整的jQuery来避免混淆，然后调用$.noConflict()方法

jQuery.noConflict(); // 在jQuery中不使用$来作为别名符号
jQuery(document).ready( function(){
         //DOM准备好后运行jQuery代码避免冲突
});  
 
//自我执行的方式
jQuery.noConflict();
 (function($) {
    // 使用$符合的代码
})(jQuery);

使用方式4

(function($) {
    // 使用$作为jQuery别名的代码
  $(function() {
    // 更多的使用$来作为jQuery别名的代码
  });
})(jQuery);
// 其它的也同样使用$符号作为类库别名的代码

使用上面方法来将一个函数镶入另外一个函数，并且俩者都使用$符号来作为jQuery别名。

使用方式5

有些时候你需要处理图片，但是使用document ready()方法你没有办法处理图片。

$(window).load(function(){
     //图片加载后初始化
}); 

来源：jQuery中如何使用document ready？