jQuery的ready方法的是開發中經常用到的,作用相當于我們的body onload,是當頁面DOM準備就緒的時候才運行的代碼,最常用的就是在DOM渲染加載之前,先給document綁定ready事件,然后當頁面DOM都準備好之后才運行這個事件。
關于jQuery的ready有以下幾種用法
最常用也是最標準的ready方法
$(document).ready(){
});
簡寫的jQuery ready()
$(function(){
});
這是因為jQuery的選擇器第一個參數假如為空,那么默認的是document
不建議使用的ready()方法
$().ready(handler);
在jQuery1.4發布公告中提到了:在jQuery1.4中仍然保留這種方法,但是不推薦使用,并且jQuery1.3的ready會返回一個jQuery的對象,而1.4中則不會又返回
解決jQuery($)庫沖突的ready方法
這一種方式一般用在處理jQuery的$和別的庫沖突的時候用的,可以通過jQuery.noConflict()這個方法,我們就可以直接在代碼中通過jQuery來代替$來使用,但又習慣了使用$怎么辦?看下面的代碼:
jQuery.noConflict();
jQuery(function($){
alert($("#ready1").html()); //這樣我們就可以使用$了
});
后記
一般在開發中斷橋殘雪是不會推薦使用jQuery的ready方法的,因為綁定ready事件之后,jQuery需要添加DOMContentLoaded監聽事件,對于頁面加載渲染是有一定影響的,所以建議我們在逼不得已的情況下才使用jQuery的ready。
在實際開發中我推薦把ready中要執行的函數放在DOM的HTML代碼之后,也就是當DOM渲染過去之后再執行handler,或者把代碼直接放在頁面的末尾
原文:http://www.js8.in/603.html