当然如果读者时间充裕，也可以学习下jQuery源码，一边更好的了解jquery实现原理脚本之家小编小结：想学习js(javascript)，必须学习原生的js 代码，这样才能了解js的精髓之所在。
成都创新互联公司是一家集网站建设,什邡企业网站建设,什邡品牌网站建设,网站定制,什邡网站建设报价,网络营销,网络优化,什邡网站推广为一体的创新建站企业，帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿，时刻以成就客户成长自我，坚持不断学习、思考、沉淀、净化自己，让我们为更多的企业打造出实用型网站。
前端是先学JS再学jQuery。跟大家分享一份系统的web前端学习路线图！前端页面重构。主要内容为PC端网站布局、HTML5+CSS3基础、WebApp页面布局。
关于JavaScript版本，我建议还是从ES5开始学，有一定基础之后再来看ES2015+的新特性。基本语法学编程语言和学自然语言有很多相似的地方，我们得从最基本的单词和语法开始学。变量：如何声明变量，如何给变量赋值。
建议先学javascript，javascript是基础，就好比是地基，再高的楼房，也需要牢固的地基。再就是jquery，是基于原生javascript的一个类库，它只是javascript众多基础库中的一个。
一般是这样的，学习jQuery之前应该是先要学习JavaScript的，因为jQuery是JavaScript的一个类库，所以学习了JavaScript一些知识才能更好的理解jQuery。首先说一下JavaScript和jQuery的联系和区别吧。
新建一个静态页面bind.html，并引入jquery核心文件。在标签中，插入一个button按钮，添加id属性值。在标签中，添加按钮点击事件，利用on()方法绑定。
jQuery 封装了常用的事件以便节约更多的代码。 称之为简写事件。简写事件，绑定方法如下图，复合事件 jQuery 提供了许多最常用的事件效果， 组合一些功能实现了一些复合事件， 比如切换功 能、智能加载等。
简而言之click方法是JQuery实现的方法，onclick是js原生的click事件绑定方法。使用click方法必须引入jquery相关文件，onclick则不需要。
事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。术语由事件“触发”（或“激发”）经常会被使用。
下面我就为大家分享一篇jQuery动态添加li标签并添加属性和绑定事件方法，具有很好的参考价值，希望对大家有所帮助。
(#parent .child)：jQuery内部使用Sizzle引擎，处理各种选择器。Sizzle引擎的选择顺序是从右到左，所以这条语句是先选.child，然后再一个个过滤出父元素#parent，这导致它比最快的形式大约慢70%。
使用步骤如下：jQuery给放到一个文件夹里面，方便我们待会引用这个jQuery，这里我就放到我项目的js文件夹里面。然后我们来开始编辑HTML界面代码。使用script标签把jQuery引入到我们的HTML界面。
正确引用jQuery尽量在body结束前才引入jQuery，而不是在head中。借助第三方提供的CDN来引入jQuery，同时注意当使用第三方CDN出现问题时，要引入本地的jQuery文件。
首先在guan 网下载jQuery，共有两个版本。Production version - 用于实际的网站中，已被精简和压缩。Development version - 用于测试和开发（未压缩，是可读的代码）。把 jQuery 添加到您的网页。
1、jQuery插件的主要特点包括：良好的兼容性：jQuery插件可以在大多数现代浏览器中使用，并且可以与jQuery一起使用，不会出现冲突。强大的功能：jQuery插件通常具有丰富的功能，例如动画、过滤器、DOM操作、事件处理等。
2、jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“writeLess，DoMore”，即倡导写更少的代码，做更多的事情。
3、不污染顶级变量。出色的浏览器兼容性 链式操作方式 对发生在同一个jQuery对象上的操作，可以直接连写而无重复获取对象。
4、新增特性我们先来讨论 jQuery 3 中最重要的几个新增特性。for...of 循环在jQuery 3 中，我们可以用 for...of 循环语句来迭代一个 jQuery 集合中的所有 DOM 元素。这种新的迭代方法是 ECMAScript 2015(即 ES6)规范中的一部分。
5、在新版本中.children()，.prev()，.next()几个常用的遍历函数性能有了显著提高。
Jquery是什么？Jquery是一种简洁快速的js框架，并且可以使用js去查询和控制页面控件，jQuery提倡用更少的代码去做更多的事情，把jQuery封装在js代码当中，并且拥有简便的设计模式，从而实现优化文档和动画设计交互。
jQuery是一个JavaScript工具包，旨在通过编写更少的代码来简化各种任务。以下是jQuery支持的重要核心功能列表 DOM操作 - 通过使用名为Sizzle的跨浏览器开源选择器引擎，jQuery可以轻松选择DOM元素，协商它们并修改其内容。
jQuery是一个快速、简洁的JavaScript框架，目的是让开发者更容易地在网站上使用JavaScript。它不是一种单独的编程语言，与JavaScript一起工作。使用jQuery，将用更少的资源做更多的事情。
可以说前后端分离随着趋势已经形成一种标准，MVVM设计模式的开发框架（Vue）适用任何场景的开发（低版本IE除外）。
工作原理Vue做到了数据和视图完全分离开，它首先把值和js对象进行绑定，然后修改js对象的值，Vue框架就会自动把dom的值就行更新。对数据进行操作不再需要引用相应的dom对象，他们通过Vue对象实现数据和视图的相互绑定。
主体不同 vue.js：是一套用于构建用户界面的渐进式JavaScript框架。jquery：是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库。
vue是目前最流行的前端的技术框架之一，目前很多公司都在使用。jquery是前端技术框架之一，基于javascript语言的，可以快速搭建前端工程，对页面控件进行控制和绚烂。
vue所提倡的数据驱动视图和jQuery的直接操作DOM在编写页面时的思路是完全不同的。
这两者在思路上还是有所区别的，比如我们并不能用jquery操作dom的思维去写vue...不要用jquery那种dom的思路放到vue中去操作。