jQuery簡介

helloworld

$(document).ready(function(){
  alert("Hello World");
});

在jQuery中$就是jQuery的一個簡寫形式,二者是可以通用的。上面這段代碼會在頁面加載完成的時候運行。類似于傳統(tǒng)js中的window.onload方式,不過還是有一些區(qū)別:

  1. 傳統(tǒng)方法必須等待網(wǎng)頁內(nèi)容全部加載完成后才能執(zhí)行;jQuery方法在上dom結(jié)構(gòu)繪制完畢后運行的。
  2. 傳統(tǒng)方法如果寫多個的不能全部執(zhí)行,只會執(zhí)行最后一個;jQuery方法寫多個可以全部執(zhí)行。
  3. 傳統(tǒng)方法無簡寫形式;jQuery方可以簡寫為 $(function(){});

jQuery和dom對象

jQuery對象就是通過jQuery包裝dom對象之后的產(chǎn)生的對象。而dom對象是通過js原生的dom函數(shù)獲取,比如document.getElementById、document.getElementsByName獲取。

jQuery對象和DOM對象可以互相轉(zhuǎn)換。

var $cr = $("#cr");//jQuery對象    
var cr = $cr[0];//DOM對象
var cr = $cr.get(0);//DOM對象

jQuery可以用[index]或者get(index)方法獲得dom對象。

var cr = document.getElementById("cr");//DOM對象
var $cr = $(cr);//jQuery對象

dom對象可以直接通過$()操作包裝成jQuery對象。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容