- 相關(guān)推薦
選擇jQuery的好處
對(duì)比了多個(gè)javascript框架,不得不承認(rèn)JQuery真的是個(gè)很優(yōu)秀的框架。如果你還沒有在你的框架中使用它,趕快扔掉那些臃腫、使用不方便的框架,這會(huì)給你的前端設(shè)計(jì)節(jié)約不少的代碼。
為什么選擇Jquery
我們?cè)陧撁鎸慾avascript代碼時(shí),你可能會(huì)發(fā)現(xiàn)經(jīng)常要遵循這樣一種模式:選擇一個(gè)元素或一組元素,然后以某種方式對(duì)其進(jìn)行操作(如顯示、隱藏元素,給元素添加css類,修改元素特性)。而jQuery在這方面具有比其他框架更加優(yōu)越的實(shí)現(xiàn),使整個(gè)代碼更加簡(jiǎn)潔。
頁面和實(shí)現(xiàn)分離
就像css樣式一樣,我們?cè)谶M(jìn)行web設(shè)計(jì)時(shí),應(yīng)該盡量將樣式標(biāo)記和html文檔分離出來,將html的樣式描述分離到css文件中,這不僅易于文檔處理,并且我們可以很方便的更換整個(gè)頁面的樣式,僅僅修改下樣式表即可。
Jquery的優(yōu)勢(shì)
1. 強(qiáng)大的Dom元素選擇器
Jquery提供了一套強(qiáng)大的選擇器功能,利用Jquery的選擇器,我們能通過簡(jiǎn)單的代碼將頁面上復(fù)雜的元素或元素集選擇出來,通過jquery,可以將原來需要很多行代碼才能完成的任務(wù),只需要很少代碼(甚至一行代碼)即能完成。
選擇所有偶數(shù)的
元素。
$("p:even")
選擇每個(gè)表格的第一行。
$("tr:nth-child(1)")
選擇作為直接子節(jié)點(diǎn)的
$("body > div ")
選擇指向PDF文件的鏈接
$("a[href$=pdf]")
選擇作為直接子節(jié)點(diǎn)的、包含鏈接()的
$("body > div:has(a)")
想想上面這些dom元素選擇,如果不用jquery提供的選擇器,你需要怎樣來實(shí)現(xiàn)? 需要多少代碼來完成?
2. 易于擴(kuò)展
由于Jquery提供了方便的擴(kuò)展機(jī)制,可以查找很多易用的擴(kuò)展插件來增強(qiáng)我們的使用
3. 方便的dom操作方式
4. 輕便的體積
相對(duì)于龐大臃腫的Extjs來說,jquery真的是太小了,這個(gè)就不用我多說了。
【選擇jQuery的好處】相關(guān)文章:
jQuery程序設(shè)計(jì)08-05
jquery提交按鈕的代碼07-28
初中畢業(yè)選擇讀中專有什么好處01-13
淺析jQuery 遍歷函數(shù)javascript08-06
jQuery中prev()方法用法07-16
如何理解jquery事件冒泡09-15
jQuery的DOM操作筆記07-29