helloworld
$(document).ready(function(){
alert("Hello World");
});
在jQuery中$就是jQuery的一個簡寫形式,二者是可以通用的。上面這段代碼會在頁面加載完成的時候運行。類似于傳統(tǒng)js中的window.onload方式,不過還是有一些區(qū)別:
- 傳統(tǒng)方法必須等待網(wǎng)頁內(nèi)容全部加載完成后才能執(zhí)行;jQuery方法在上dom結(jié)構(gòu)繪制完畢后運行的。
- 傳統(tǒng)方法如果寫多個的不能全部執(zhí)行,只會執(zhí)行最后一個;jQuery方法寫多個可以全部執(zhí)行。
- 傳統(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對象。