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