從JavaScript 到 JQuery (1)學(xué)習(xí)小結(jié)
這么說吧 , 只有扎實(shí)的 JavaScript 功底 ,才能得心應(yīng)手的使用各種 JS 庫 , 然后進(jìn)入正題吧 !
1.先談?wù)凧Query的效率方面吧
他在選擇器的速度上比 標(biāo)準(zhǔn)的 JS Dom 要慢上4倍左右(官方說的,不是我瞎編的...) , 那為什么我們還要使用它呢 ?? 原因很簡單, 第一 JS 是應(yīng)用客戶端的 , 速度影響并不那么明顯 , 但是一定要注意什么時(shí)候用JQuery的選擇器 , 什么時(shí)候用JavaScript的選擇器 !
我個(gè)人是這樣理解的 , 如果在選擇對象時(shí) , 邏輯比較容易則不要使用JQuery的選擇器 , 例如
<input type="text" id="name">
然后只做簡單驗(yàn)證 , 沒有復(fù)雜的操作 , 直接用 document.getElementById("name");
不要因?yàn)?JQuery 的 $("#ID") 看起來方便 就隨意使用, 但是如果要做比較復(fù)雜 切有邏輯性的操作時(shí) 采用JQuery 例如有10個(gè)
<input type="checkbox">
我們勾選后要刪除 他們所在的行時(shí)
$("input[checked]").parent().parent().remove(); 這種連寫的方式在邏輯性 和 維護(hù)性上來說比較好!
2.我們在來談?wù)効鐬g覽器方面
一般寫JavaScript 都存在代碼如果想在不通瀏覽器上運(yùn)行 , 部分方法不被瀏覽器支持 , 必須進(jìn)行修改的問題 , 而JQuery 在這一點(diǎn)上做得比較出色 , 支持了主流瀏覽器 , 從而使得一種代碼 可以在多種瀏覽器上使用的好處
3.接下來也談?wù)?"宗海開發(fā)"
現(xiàn)在開發(fā)講求的是 高速度 高質(zhì)量 易維護(hù) , 用傳統(tǒng)的JavaScript來從頭寫起 是能寫出來,但是在開發(fā)進(jìn)度上會造成很大的影響 , 而JQuery 有豐富的插件庫 , 使得開發(fā)效率大大提高 , 你可能會說 那么多插件庫,光看API都累死了 , 但是JQuery 在這點(diǎn)做得不錯(cuò) , 每個(gè)插件都有 詳細(xì)的注釋 和 Domo , 很方便就能投入實(shí)際應(yīng)用 .
這是我第一次寫東西,寫得不好大家不要生氣啊 , 下一篇會介紹實(shí)際開發(fā)中應(yīng)用javascript 和 JQuery的一些技巧,謝謝
相關(guān)文章
JQuery實(shí)現(xiàn)動態(tài)添加刪除評論的方法
這篇文章主要介紹了JQuery實(shí)現(xiàn)動態(tài)添加刪除評論的方法,涉及jQuery處理鼠標(biāo)事件及json數(shù)據(jù)的相關(guān)技巧,需要的朋友可以參考下2015-05-05jQuery Checkbox 全選 反選的簡單實(shí)例
本文主要介紹了Checkbox的全選、反選的簡單實(shí)例,需要的朋友可以參考下2016-11-11JQuery用戶名校驗(yàn)的具體實(shí)現(xiàn)
這篇文章主要為大家詳細(xì)介紹了JQuery用戶名校驗(yàn)的具體實(shí)現(xiàn),感興趣的小伙伴們可以參考一下2016-03-03jQuery插件zTree實(shí)現(xiàn)更新根節(jié)點(diǎn)中第i個(gè)節(jié)點(diǎn)名稱的方法示例
這篇文章主要介紹了jQuery插件zTree實(shí)現(xiàn)更新根節(jié)點(diǎn)中第i個(gè)節(jié)點(diǎn)名稱的方法,結(jié)合實(shí)例形式分析了樹形插件zTree針對節(jié)點(diǎn)的更新操作相關(guān)技巧,需要的朋友可以參考下2017-03-03Jquery時(shí)間驗(yàn)證和轉(zhuǎn)換工具小例子
這篇文章介紹了Jquery時(shí)間驗(yàn)證和轉(zhuǎn)換工具小例子,有需要的朋友可以參考一下2013-07-07

jQuery實(shí)現(xiàn)首頁圖片淡入淡出效果的方法