DIV CSS 佈局教程網

JQuery入門知識
編輯:JQuery特效代碼     
【JQuery學習歷程】1.初識JQuery

1.JQuery簡介:

  JQuery是用js寫的JavaScript庫,是為了簡化js對HTML元素的操作、實現動畫效果並方便為網站提供ajax交互;

2.ready()方法:

 ready()方法和js的windown.onload()方法類似,都是當頁面的文檔加載完畢後調用該方法;不同的是ready()方法是當DOM元素的結構繪制完畢後執行(一些圖片類的資源可以沒有加載完成)同時可以執行多個而windown.onload()方法是頁面的所有資源都加載完畢後執行(包括圖片資源)並且只能執行一次;

ready()方法和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()讓出$符號

 

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved