選擇jQuery的好處

時(shí)間：2024-09-03 17:47:27 jQuery 我要投稿

相關(guān)推薦

選擇jQuery的好處

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

　　為什么選擇Jquery

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

　　頁(yè)面和實(shí)現(xiàn)分離

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

　　Jquery的優(yōu)勢(shì)

　　1. 強(qiáng)大的Dom元素選擇器

　　Jquery提供了一套強(qiáng)大的選擇器功能，利用Jquery的選擇器，我們能通過(guò)簡(jiǎn)單的代碼將頁(yè)面上復(fù)雜的元素或元素集選擇出來(lái)，通過(guò)jquery,可以將原來(lái)需要很多行代碼才能完成的任務(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提供的選擇器，你需要怎樣來(lái)實(shí)現(xiàn)？需要多少代碼來(lái)完成？