對比了多個javascript框架,不得不承認JQuery真的是個很優秀的框架。如果你還沒有在你的框架中使用它,趕快扔掉那些臃腫、使用不方便的框架,這會給你的前端設計節約不少的代碼。
為什麼選擇Jquery
我們在頁面寫javascript代碼時,你可能會發現經常要遵循這樣一種模式:選擇一個元素或一組元素,然後以某種方式對其進行操作(如顯示、隱藏元素,給元素添加css類,修改元素特性)。而jQuery在這方面具有比其他框架更加優越的實現,使整個代碼更加簡潔。
頁面和實現分離
就像css樣式一樣,我們在進行web設計時,應該盡量將樣式標記和html文檔分離出來,將html的樣式描述分離到css文件中,這不僅易於文檔處理,並且我們可以很方便的更換整個頁面的樣式,僅僅修改下樣式表即可。
Jquery的優勢
1. 強大的Dom元素選擇器
Jquery提供了一套強大的選擇器功能,利用Jquery的選擇器,我們能通過簡單的代碼將頁面上復雜的元素或元素集選擇出來,通過jquery,可以將原來需要很多行代碼才能完成的任務,只需要很少代碼(甚至一行代碼)即能完成。
選擇所有偶數的<p>元素。
$("p:even")
選擇每個表格的第一行。
$("tr:nth-child(1)")
選擇作為<body>直接子節點的<div>
$("body > div ")
選擇指向PDF文件的鏈接
$("a[href$=pdf]")
選擇作為<body>直接子節點的、包含鏈接(<a>)的<div>
$("body > div:has(a)")
想想上面這些dom元素選擇,如果不用jquery提供的選擇器,你需要怎樣來實現? 需要多少代碼來完成?
2. 易於擴展
由於Jquery提供了方便的擴展機制,可以查找很多易用的擴展插件來增強我們的使用
3. 方便的dom操作方式
4. 輕便的體積
相對於龐大臃腫的Extjs來說,jquery真的是太小了,這個就不用我多說了。