1.JQuery簡介: JQuery是用js寫的JavaScript庫,是為了簡化js對HTML元素的操作、實現動畫效果並方便為網站提供ajax交互; 2.ready()方法: ready()方法和js的windown.onload()方法類似,都是當頁面的文檔載入完畢後調用該方法;不同的是read
1.JQuery簡介:
JQuery是用js寫的JavaScript庫,是為了簡化js對HTML元素的操作、實現動畫效果並方便為網站提供ajax交互;
2.ready()方法:
ready()方法和js的windown.onload()方法類似,都是當頁面的文檔載入完畢後調用該方法;不同的是ready()方法是當DOM元素的結構繪製完畢後執行(一些圖片類的資源可以沒有載入完成)同時可以執行多個而windown.onload()方法是頁面的所有資源都載入完畢後執行(包括圖片資源)並且只能執行一次;
windo.onload() | $(document).ready() | |
執行時期 | 必須等到所有的頁面資源都載入完畢後執行(包括圖片資源) | DOM元素的結構繪製完畢後執行(圖片資源可以不載入) |
編寫個數 | 只能編寫一個,如果編寫多個後面的會覆蓋前面的 | 可以編寫多個 |
簡寫方法 | 無 | $(function(){}) |
3.JQuery對象和DOM對象的轉化
JQuery對象只能用JQuery中的方法,DOM對象只能用DOM中的方法
變數命名約定:JQuery對象前面加$;var $variable = $("div")
JQuery對象轉換成DOM對象,JQuery對象是一個數組集合,可以用下標訪問變成DOM對象 var dom = $("div")[0];或者用 var dom = $("div").get(0)都是獲取第一個元素
DOM對象轉換成JQuery對象,直接用$符號封裝 var $variable = $(dom);
4.解決$符號占用引起的衝突
noConflict()解決插件之間的相容性:JQuery.noConflict()讓出$符號