筆者以自己身學(xué)習(xí)和使用經(jīng)驗(yàn)分享給大家，有任何問題或疑惑，歡迎留言

在回答題目問題前，首先大家需要了解下什么是js，什么是jQuery

js，即JavaScript
在1995年時(shí)，由Netscape公司的Brendan Eich，在網(wǎng)景導(dǎo)航者瀏覽器上首次設(shè)計(jì)實(shí)現(xiàn)而成。因?yàn)镹etscape與Sun合作，Netscape管理層希望它外觀看起來像Java，因此取名為JavaScript
JavaScript一種直譯式腳本語言，是一種動(dòng)態(tài)類型、弱類型、基于原型的語言，內(nèi)置支持類型。

jQuery

jQuery是一個(gè)兼容多瀏覽器的javascript庫(kù)，核心理念是write less,do more(寫得更少,做得更多)

通過上面的簡(jiǎn)單介紹，想必大家已經(jīng)知道了最重要的一點(diǎn)，即：jQuery是一個(gè)javascript庫(kù)；
那么不用筆者強(qiáng)調(diào)，大家應(yīng)該都知道js和jQuery哪個(gè)更重要，先學(xué)哪個(gè)
其實(shí)只要學(xué)好了javascript，使用jquery將不會(huì)有什么問題
依筆者經(jīng)驗(yàn)，新手程序員必須花時(shí)間重點(diǎn)學(xué)習(xí)一下javascript；
至于jQuery可以直接在使用時(shí)參考jQuery參考文檔，不需花太多時(shí)間在上面，當(dāng)然如果讀者時(shí)間充裕，也可以學(xué)習(xí)下jQuery源碼，一邊更好的了解jquery實(shí)現(xiàn)原理

腳本之家小編小結(jié)：

想學(xué)習(xí)js(javascript)，必須學(xué)習(xí)原生的js 代碼，這樣才能了解js的精髓之所在。而jquery就是js的庫(kù)，但是在實(shí)際應(yīng)用中如果大量使用js推薦使用jquery，比較jquery已經(jīng)對(duì)多瀏覽器的兼容性好，省去了很多麻煩。不用考慮兼容性。如果只會(huì)jquery而不會(huì)js不利于其它編程語言的學(xué)習(xí)。

javascript和jquery這兩者之間幾乎沒有可比性。

雖然jquery基于javascript，但是實(shí)際上jquery是和javascript完全不同的兩種語言，jquery實(shí)際上是一種邏輯式語言和純粹的函數(shù)式語言的結(jié)合體。由于這兩個(gè)特性，因此jquery對(duì)DOM的操作極度簡(jiǎn)化。使用jquery往往可用一兩行代碼實(shí)現(xiàn)javascript原生代碼幾十甚至上百行代碼才能實(shí)現(xiàn)的功能。

但是jquery是一個(gè)特化的框架，它不是一個(gè)完整的解決方案，仍然離不開javascript。

如果想要一個(gè)基本上不依賴于原生javascript，可以嘗試Sencha。

各種封裝，包括jq, dojo等等，主要目的就是爲(wèi)了省心，拿jq來說：
JQ對(duì)不同瀏覽器的事件,DOM對(duì)象,都進(jìn)行了封裝,各種操作都可以直接兼容各種瀏覽器, 要知道, 不同瀏覽器的區(qū)別不僅僅是在CSS里寫"-webkit-"還是"filter"的區(qū)別, 連事件模型這種底層的東西都不一樣= =
JQ特有的CSS-LIKE選擇器, 鏈?zhǔn)綄懛? 封裝的各類animate函數(shù), 封裝了的異步加載, 都大幅提高了開發(fā)效率, 減少重復(fù)勞動(dòng)
JQ用delay和一系列的函數(shù)封裝了AJAX操作, 這個(gè)功能目測(cè)還在不斷改進(jìn)和完善. 反正是比JS省心就是了.
其他就是有些常用函數(shù)JQ有所以不用自己寫了,你比如瀏覽器檢測(cè)...
插件不斷豐富, 資料豐富 等等
當(dāng)然,這樣也導(dǎo)致了
JQ比原生JS慢上 10倍(chrome)~100倍(ie). 具體數(shù)忘了, 反正是這個(gè)數(shù)量級(jí)的...尤其是有些人喜歡濫用選擇器和不用鏈?zhǔn)綄懛?br /> 所以說, 如果只用一句JS就可以解決的問題, 就不要用JQ了啊親...親測(cè)$('#x')比getElementById('x')慢40倍
這是@TooBug兄的實(shí)測(cè)代碼http://fiddle.jshell.net/toobug/mZPXq/
JQ也不見得適用所有情況就是了, 網(wǎng)站規(guī)模更大就會(huì)凸顯JQ的不足. 比如沒有命名空間- -. 很多網(wǎng)站是根據(jù)自己的情況建立自己的函數(shù)庫(kù).
題外話, 如果項(xiàng)目相比"一個(gè)網(wǎng)頁(yè)"更偏向"一個(gè)APP"的情況, jq 不見得是最合適的

談性能一般得看你的業(yè)務(wù)復(fù)雜度、開發(fā)能力、團(tuán)隊(duì)規(guī)模，不能一概而論
1.業(yè)務(wù)復(fù)雜度高的項(xiàng)目或網(wǎng)站，開發(fā)能力不是很強(qiáng)的團(tuán)隊(duì)，采用原生JS都會(huì)沒有機(jī)會(huì)讓你考慮性能，兼容性就是很大的障礙；
2.業(yè)務(wù)復(fù)雜度低，就Hello world的功能，就無所謂性能；
3.如果團(tuán)隊(duì)牛叉、業(yè)務(wù)復(fù)雜的時(shí)候，代碼可維護(hù)性才是最重要的,性能調(diào)優(yōu)只會(huì)在真正出現(xiàn)渲染瓶頸的時(shí)候才做；
4.性能還得往前看，知道Office為啥成功吧，因?yàn)樗麄円恢蓖翱?，電腦的處理能力越來越強(qiáng)了，啥問題都不是問題了。

1、jQ等框架解決易用性和兼容性問題，效率稍低
2、原生js解決運(yùn)行效率問題，兼容比較麻煩
3、JQ的優(yōu)勢(shì)是能讓程序員多活好幾年，原生js能讓程序員水平提高一個(gè)檔次
其實(shí)jquery和原生JS并沒有什么很大的區(qū)別 jquery底層還是調(diào)用原生的JS 只不過jquery的api封裝了瀏覽器的差異性 為開發(fā)提供了便捷處理方式
js學(xué)好就都搞定了。jquery只是一個(gè)js的框架而已，js的框架多著呢。這個(gè)只是比較好而已。強(qiáng)烈建議學(xué)習(xí)js，做項(xiàng)目的時(shí)候用jquery就行了。
自己學(xué)習(xí)的時(shí)候 js的優(yōu)勢(shì)就是你學(xué)到的東西更多一點(diǎn)處理瀏覽器之間的兼容問題之類的。會(huì)給你積累經(jīng)驗(yàn)。
做項(xiàng)目的時(shí)候jquery的有點(diǎn)就是效率高，開發(fā)成本降低了N倍。

4、js：簡(jiǎn)單的東西實(shí)現(xiàn)起來很復(fù)雜
jquery：復(fù)雜的東西實(shí)現(xiàn)起來很簡(jiǎn)單
論性能，jquery差太多了
5、jquery是用js編寫的函數(shù)庫(kù)，把我們平時(shí)經(jīng)常用到的效果都封裝實(shí)現(xiàn)了，再使用時(shí)只需要調(diào)用即可。需要DIY的話，當(dāng)然還是要用到JS了。
6、js是基礎(chǔ)，jQuery只不過是一種工具而已，基礎(chǔ)很重要

http://www.dbjr.com.cn/article/28056.htm

就目前看到的，大多數(shù)人用jquery無非兩個(gè)方面，一個(gè)dom選擇，以及衍生出來的.children,.siblings 等等，再一個(gè)就是event事件綁定，其他什么循環(huán)，方法聲明啊，包括常用到的settimeout不都是原生的嗎。

我覺得jquery和原生根本不應(yīng)該認(rèn)為是對(duì)立關(guān)系，一個(gè)jquery高手肯定也會(huì)用到j(luò)s類啊，理解原型鏈啊，理解dom這些東西，所以不應(yīng)該認(rèn)為用原生的就是厲害，用jquery就是不行這樣的想法。

你html結(jié)構(gòu)復(fù)雜，用jquery選擇器再方便不過了，設(shè)計(jì)要求的效果特別苛刻，用jquery的動(dòng)畫和特效再適合不過了，這些都是無可厚非的事情，但是你不可能一點(diǎn)不用到原生js而只用jquery吧，那是不可能的，變量聲明都是原生js。

所以面試的時(shí)候?qū)γ鎲柲阍鷍s用的怎么樣的時(shí)候你大可自信的說，除了 dom 選擇和 eventlisterner不太熟以外，其他都沒問題

最新評(píng)論