從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">
我們勾選后要?jiǎng)h除 他們所在的行時(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)加載更多"轉(zhuǎn)圈圈"效果(示例代碼)
這篇文章主要介紹了jquery實(shí)現(xiàn)加載更多"轉(zhuǎn)圈圈"效果,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-11-11
jquery怎樣實(shí)現(xiàn)ajax聯(lián)動(dòng)框(一)
ajax聯(lián)動(dòng)框想必大家早有所耳聞,接下來本文詳細(xì)介紹下使用jquery實(shí)現(xiàn)的原理及代碼,感興趣的你可以參考下,或許對你有所幫助2013-03-03
jQuery獲得IE版本不準(zhǔn)確webbrowser的解決方法
用$.browser.version經(jīng)常出現(xiàn)一些不準(zhǔn)確的狀況,最近碰到,做了一些總結(jié),不知道是否全面2014-02-02
jQuery實(shí)現(xiàn)表格隔行及滑動(dòng),點(diǎn)擊時(shí)變色的方法【測試可用】
這篇文章主要介紹了jQuery實(shí)現(xiàn)表格隔行及滑動(dòng),點(diǎn)擊時(shí)變色的方法,可實(shí)現(xiàn)表格隔行變色以及鼠標(biāo)滑過與點(diǎn)擊時(shí)變色的功能,涉及jQuery響應(yīng)鼠標(biāo)事件及頁面元素樣式動(dòng)態(tài)改變的相關(guān)技巧,需要的朋友可以參考下2016-08-08
jQuery+CSS實(shí)現(xiàn)菜單滑動(dòng)伸展收縮(仿淘寶)
淘寶網(wǎng)上的菜單滑動(dòng)伸展收縮想必大家不會很陌生吧,接下來本文也使用jquery+css實(shí)現(xiàn)一個(gè),代碼很簡潔功能很使用,感興趣的各位可以不要錯(cuò)過了哈2013-03-03
jquery用ajax方式從后臺獲取json數(shù)據(jù)后如何將內(nèi)容填充到下拉列表
從后臺獲取json數(shù)據(jù),將內(nèi)容填充到下拉列表,頁面做如何處理,接下來,通過本篇文章給大家實(shí)例講解jquery用ajax方式從后臺獲取json數(shù)據(jù)后如何將內(nèi)容填充到下拉列表,需要的朋友可以參考下2015-08-08

