JS與jQuery如何學習

這次帶給大家JS與jQuery如何學習，JS與jQuery學習的注意事項有哪些，下面就是實戰案例，一起來看一下。

在一些科技論壇與qq群組經常看到有這樣類似的提問，當然提出這樣問題的通常都是新手為了解決大家的疑惑，同時幫助新手程式設計師能更快掌握學習的方向，不致於弄錯重點

筆者以自己身學習和使用經驗分享給大家，有任何問題或疑惑，歡迎留言

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

#js，也就是JavaScript
在1995年時，由Netscape公司的Brendan Eich，在網景導航者瀏覽器上首次設計實現而成。因為Netscape與Sun合作，Netscape管理層希望它外觀看起來像Java，因此取名為JavaScript
JavaScript一種直譯式腳本語言，是一種動態類型、弱類型、基於原型的語言，內建支援類型。

jQuery

jQuery是相容多瀏覽器的javascript函式庫，核心概念是write less,do more(寫得更少,做得更多)

透過上面的簡單介紹，想必大家已經知道了最重要的一點，即：jQuery是一個javascript庫；
那就不用筆者強調，大家應該都知道js和jQuery哪個比較重要，先學哪個
其實只要學好了javascript，使用jquery將不會有什麼問題
依筆者經驗，新手程式設計師必須花時間重點學習javascript；
至於jQuery可以直接在使用時參考jQuery參考文檔，不需花太多時間在上面，當然如果讀者時間充裕，也可以學習下jQuery源碼，一邊更好的了解jquery實現原理

腳本之家小編小結：

想學習js(javascript)，必須學習原生的js 程式碼，這樣才能了解js的精髓之所在。而jquery就是js的函式庫，但是在實際應用上如果大量使用js推薦使用jquery，比較jquery已經對多瀏覽器的兼容性好，省去了很多麻煩。不用考慮相容性。如果只會jquery而不會js不利於其它程式語言的學習。

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

雖然jquery是基於javascript，但實際上jquery是和javascript完全不同的兩種語言，jquery其實是一種邏輯式語言和純粹的函數式語言的結合。由於這兩個特性，因此jquery對DOM的操作極度簡化。使用jquery往往可用一兩行程式碼實作javascript原生程式碼幾十甚至上百行程式碼才能實現的功能。

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

如果想要一個基本上不依賴原生javascript，可以試試Sencha。

各種封裝，包括jq, dojo等等，主要目的就是爲了省心，拿jq來說：
JQ对不同浏览器的事件,DOM对象,都进行了封装,各种操作都可以直接兼容各种浏览器, 要知道, 不同浏览器的区别不仅仅是在CSS里写"-webkit-"还是"filter"的区别, 连事件模型这种底层的东西都不一样= =
JQ特有的CSS-LIKE选择器, 链式写法, 封装的各类animate函数, 封装了的异步加载, 都大幅提高了开发效率, 减少重复劳动
JQ用delay和一系列的函数封装了AJAX操作, 这个功能目测还在不断改进和完善. 反正是比JS省心就是了.
其他就是有些常用函数JQ有所以不用自己写了,你比如浏览器检测...
插件不断丰富, 资料丰富 等等
当然,这样也导致了
JQ比原生JS慢上 10倍(chrome)~100倍(ie). 具体数忘了, 反正是这个数量级的...尤其是有些人喜欢滥用选择器和不用链式写法
所以说, 如果只用一句JS就可以解决的问题, 就不要用JQ了啊亲...亲测$('#x')比getElementById('x')慢40倍
这是@TooBug兄的实测代码http://fiddle.jshell.net/toobug/mZPXq/
JQ也不见得适用所有情况就是了, 网站规模更大就会凸显JQ的不足. 比如没有命名空间- -. 很多网站是根据自己的情况建立自己的函数库.
题外话, 如果项目相比"一个网页"更偏向"一个APP"的情况, jq 不見得是最合適的

谈性能一般得看你的业务复杂度、开发能力、团队规模，不能一概而论
1.业务复杂度高的项目或网站，开发能力不是很强的团队，采用原生JS都会没有机会让你考虑性能，兼容性就是很大的障碍；
2.业务复杂度低，就Hello world的功能，就无所谓性能；
3.如果团队牛叉、业务复杂的时候，代码可维护性才是最重要的,性能调优只会在真正出现渲染瓶颈的时候才做；
4.性能还得往前看，知道Office为啥成功吧，因为他们一直往前看，电脑的处理能力越来越强了，啥问题都不是问题了。

1、jQ等框架解决易用性和兼容性问题，效率稍低
2、原生js解决运行效率问题，兼容比较麻烦
3、JQ的优势是能让程序员多活好几年，原生js能让程序员水平提高一个档次
其实jquery和原生JS并没有什么很大的区别 jquery底层还是调用原生的JS 只不过jquery的api封装了浏览器的差异性 为开发提供了便捷处理方式
js学好就都搞定了。jquery只是一个js的框架而已，js的框架多着呢。这个只是比较好而已。强烈建议学习js，做项目的时候用jquery就行了。
自己学习的时候 js的优势就是你学到的东西更多一点处理浏览器之间的兼容问题之类的。会给你积累经验。
做项目的时候jquery的有点就是效率高，开发成本降低了N倍。

4、js：简单的东西实现起来很复杂
jquery：复杂的东西实现起来很简单
论性能，jquery差太多了
5、jquery是用js编写的函数库，把我们平时经常用到的效果都封装实现了，再使用时只需要调用即可。需要DIY的话，当然还是要用到JS了。
6、js是基础，jQuery只不过是一种工具而已，基础很重要

就目前看到的，大多数人用jquery无非两个方面，一个dom选择，以及衍生出来的.children,.siblings 等等，再一个就是event事件绑定，其他什么循环，方法声明啊，包括常用到的settimeout不都是原生的吗。

我觉得jquery和原生根本不应该认为是对立关系，一个jquery高手肯定也会用到js类啊，理解原型链啊，理解dom这些东西，所以不应该认为用原生的就是厉害，用jquery就是不行这样的想法。

你html结构复杂，用jquery选择器再方便不过了，设计要求的效果特别苛刻，用jquery的动画和特效再适合不过了，这些都是无可厚非的事情，但是你不可能一点不用到原生js而只用jquery吧，那是不可能的，变量声明都是原生js。

所以面试的时候对面问你原生js用的怎么样的时候你大可自信的说，除了 dom 选择和 eventlisterner不太熟以外，其他都没问题

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

推荐阅读：

jquery如何删除选中的css样式

jquery刪除table選取行

jquery ajax怎麼實作分頁功能

以上是JS與jQuery如何學習的詳細內容。更多資訊請關注PHP中文網其他相關文章！