快捷導(dǎo)航

Jquery實戰(zhàn)_讀書筆記1—選擇jQuery

更新時間：2010年01月22日 10:22:23 作者：

近期公司積極組織我們這些開發(fā)人員學(xué)習(xí)進步，督促我們學(xué)習(xí)更多的技術(shù)來提高自己。為此我選擇了jQuery作為我學(xué)習(xí)的方向，同時我也是想將我的學(xué)習(xí)心得分享給大家，以后我會不斷的更新一系列jQuery方面的學(xué)習(xí)紀(jì)要，幫助大家學(xué)習(xí)。

對比了多個javascript框架，不得不承認(rèn)JQuery真的是個很優(yōu)秀的框架。如果你還沒有在你的框架中使用它，趕快扔掉那些臃腫、使用不方便的框架，這會給你的前端設(shè)計節(jié)約不少的代碼。

為什么選擇Jquery
　　我們在頁面寫javascript代碼時，你可能會發(fā)現(xiàn)經(jīng)常要遵循這樣一種模式：選擇一個元素或一組元素，然后以某種方式對其進行操作（如顯示、隱藏元素，給元素添加css類，修改元素特性）。而jQuery在這方面具有比其他框架更加優(yōu)越的實現(xiàn)，使整個代碼更加簡潔。

頁面和實現(xiàn)分離
就像css樣式一樣，我們在進行web設(shè)計時，應(yīng)該盡量將樣式標(biāo)記和html文檔分離出來，將html的樣式描述分離到css文件中，這不僅易于文檔處理，并且我們可以很方便的更換整個頁面的樣式，僅僅修改下樣式表即可。

Jquery的優(yōu)勢
1. 強大的Dom元素選擇器
Jquery提供了一套強大的選擇器功能，利用Jquery的選擇器，我們能通過簡單的代碼將頁面上復(fù)雜的元素或元素集選擇出來，通過jquery,可以將原來需要很多行代碼才能完成的任務(wù)，只需要很少代碼(甚至一行代碼)即能完成。
選擇所有偶數(shù)的<p>元素。
$("p:even")
選擇每個表格的第一行。
$("tr:nth-child(1)")
選擇作為<body>直接子節(jié)點的<div>
$("body > div ")
選擇指向PDF文件的鏈接
$("a[href$=pdf]")
選擇作為<body>直接子節(jié)點的、包含鏈接（<a>）的<div>
$("body > div:has(a)")

想想上面這些dom元素選擇，如果不用jquery提供的選擇器，你需要怎樣來實現(xiàn)？需要多少代碼來完成？
2. 易于擴展
由于Jquery提供了方便的擴展機制，可以查找很多易用的擴展插件來增強我們的使用

3. 方便的dom操作方式
4. 輕便的體積
相對于龐大臃腫的Extjs來說，jquery真的是太小了，這個就不用我多說了。