jQuery--1

$(document).ready(function{});//網頁中全部的DOM結果繪製完畢後就執行,可能DOM元素關聯的東西並無加載完。
window.onload=function(){};//必須等待網頁中全部的內容加載完畢後(包括圖片)才能執行。html

DOM對象和jQuery對象:
DOM對象:
var OUl=document.getElementById("id");//獲取DOM對象;
能夠經過JavaScript中的getElementById或者getElementsByTagName來獲取元素節點。像這樣獲得的元素就是DOM元素。
jQuery對象:
$("#foo").html();//獲取id爲foo的元素內的html代碼。
jQuery對象就是經過jQuery包裝DOM對象後產生的對象。
jQuery對象是jQuery獨有的。若是一個對象是jQuery對象,那麼就能夠使用jQuery裏的方法。
在jQuery對象裏邊沒法使用DOM對象得任何方法。一樣,DOM對象也不能使用jQuery裏邊的方法。數組

jQuery對象和DOM對象的相互轉化:
定義變量的風格:
var $variable=jQuery對象;//若是獲取的是jQuery對象,那麼變量前面加上$;
var variable=DOM對象;//獲取的是DOM對象htm

jQuery提供了兩種方法將一個jQuery對象轉化爲DOM對象,即[index]和get(index);
(1)jQuery對象是一個累死數組的對象,能夠經過[index]的方法獲得相應的DOM對象。
jQuery代碼以下:
var $cr=$("#cr");//jQuery對象
var cr=$cr[0];//DOM對象
(2)另外一種方法是jQuery自己提供的,經過get(index)方法獲得相應的DOM對象。
jQuery代碼以下:
var $cr=$("#cr");//jQuery對象
var cr=$cr.get(0);//DOM對象對象

DOM對象轉化jQuery對象;
var cr=document.getElementById("cr");//DOM對象
var $cr=$(cr);//jQuery對象
對於一個DOM對象,只須要用$()把DOM對象包裝起來,就能夠獲取一個jQuery對象了。轉換後,能夠任意使用jQuery中的方法。圖片

相關文章
相關標籤/搜索