jquery 常用操作整理 基礎(chǔ)入門篇
2024-05-06 14:13:33
供稿：網(wǎng)友
jQuery由美國人John Resig創(chuàng)建，至今已吸引了來自世界各地的眾多javascript高手加入其team，包括來自德國的Jörn Zaefferer，羅馬尼亞的Stefan Petre等等。
jQuery是繼prototype之后又一個(gè)優(yōu)秀的Javascrīpt框架。其宗旨是——WRITE LESS,DO MORE,寫更少的代碼,做更多的事情。
它是輕量級(jí)的js庫(壓縮后只有21k) ，這是其它的js庫所不及的，它兼容CSS3，還兼容各種瀏覽器 （IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。
jQuery是一個(gè)快速的，簡潔的javaScript庫，使用戶能更方便地處理HTML documents、events、實(shí)現(xiàn)動(dòng)畫效果，并且方便地為網(wǎng)站提供AJAX交互。
jQuery還有一個(gè)比較大的優(yōu)勢(shì)是，它的文檔說明很全，而且各種應(yīng)用也說得很詳細(xì)，同時(shí)還有許多成熟的插件可供選擇。
jQuery能夠使用戶的html頁保持代碼和html內(nèi)容分離，也就是說，不用再在html里面插入一堆js來調(diào)用命令了，只需定義id即可。
Jquery是繼prototype之后又一個(gè)優(yōu)秀的Javascrīpt框架。對(duì)prototype我使用不多，簡單了解過。但使用上jquery之后，馬上被她的優(yōu)雅吸引住了。有人使用這樣的一比喻來比較prototype和jquery：prototype就像Java，而jquery就像ruby.實(shí)際上我比較喜歡java（少接觸Ruby 罷了）但是jquery的簡單的實(shí)用的確有相當(dāng)大的吸引力??！在項(xiàng)目里我把jquery作為自己唯一的框架類包。使用其間也有一點(diǎn)點(diǎn)心得，其實(shí)這些心得，在jquery的文檔上面也可能有講，不過還是記下來，以備忘罷。
一，找到你了！
還記得$()這個(gè)東西吧？prototype還是DWR都使用了這個(gè)函數(shù)代替document.getElementById()。沒錯(cuò)，jquery也跟風(fēng)了。為達(dá)到document.getElementById()的目的，jquery是這樣寫的：
代碼
代碼如下:
var someElement = $("#myId");
看起來比其他兩個(gè)框架的要多了一個(gè)#，好，看看下面的用法：
代碼
代碼如下:
$("div p"); // (1)
$("div.container"); // (2)
$("div #msg"); // (3)
$("table a",context); // (4)
在prototype里看過這樣的寫法嗎？第一行代碼得到所有標(biāo)簽下的P元素。第二行代碼得到class 為container的元素,第三行代碼得到標(biāo)簽下面id為msg的元素。第四行代碼得到context為上下文的table里面所有的連接元素。
如果你熟悉CSS，你會(huì)覺得這些寫法很眼熟！對(duì)了。正是?？闯鰥W妙了吧。jquery就是通過這樣的方式來找到Dom對(duì)象里面的元素。跟CSS的選擇器相類似。
二，Jquery對(duì)象？
jquery提供了很多便利的函數(shù)，如each(fn)，但是使用這些函數(shù)的前提是：你使用的對(duì)象是Jquery對(duì)象。使一個(gè)Dom對(duì)象成為一個(gè)Jquery對(duì)象很簡單，通過下面一些方式（只是一部分）：
代碼
代碼如下:
var a = $("#cid");
