AngularJS和jquery，有什么区别？

jQuery 的版本

从2005年 8月开始，进入公共开发阶段，随之而来的新框架于2006年 1月 14日正式以 jQuery 的名称发布。

2006年 8月发布了 jQuery1.0，第一个稳定版本，具有对 CSS 选择符、事件处理和Ajax 交互的支持。

2007年 1月发布了 jQuery1.1，极大的简化 API。合并了许多较少使用的方法。

2007年 7月发布了 jQuery1.1.3，优化了 jQuery 选择符引擎执行的速度。

2007年 9月发布了 jQuery1.2，去掉了 XPath 选择器，新增了命名空间事件。

2008年 5月发布了 jQuery1.2.6，引入了 Dimensions 插件到核心库中。

2009年 1月发布了 jQuery1.3，使用了全新的选择符引擎 Sizzle，性能进一步提升。

2010年 1月发布了 jQuery1.4，进行了一次大规模更新，提供了 DOM 操作，增加了很多新的方法或是增强了原有的方法。

2010年 2月发布了 jQuery1.4.2，添加了.delegate()和.undelegate()两个新方法，提升了灵活性和浏览器一致性，对事件系统进行了升级。

2011年 1月发布了 jQuery1.5，重写了 AJAX 组件，增强了扩展性和性能。

2011年 5月发布了 jQuery1.6，重写了 Attribute 组件，引入了新对象和方法。

2011年 11月发布了 jQuery1.7，引入了.on()和.off()简介的 API 解决事件绑定及委托容易混淆的问题。

2012年 3月发布了 jQuery1.7.2，进行一些优化和升级。

2012年 7月发布了 jQuery1.8，8 月发布了1.8.1，9 月发布了1.8.2，重写了选择符引擎，修复了一些问题。

2013年 1月发布了 jQuery1.9， CSS 的多属性设置，增强了 CSS3。

2013年 5月发布了 jQuery1.10，增加了一些功能。

2013年 4月发布了 jQuery2.0，5 月发布了 jQuery2.0.2，一个重大更新版本，不在支持 IE6/7/8，体积更小，速度更快。

在制作这套课程的时候，我们最新的中文版的 API 文档是1.8版本的，有在线和离线两种手段查阅：

1.在线的可以访问：http://t.mb5u.com/jquery/

2.离线的 AP 文档将打包提供给大家

3.如果要看最新的文档，英文版的：http://api.jquery.com/看不懂可以打开谷歌翻译，虽然不是特别准。

关于版本学习的问题：

版本的版本号升级主要有三种：第一种是大版本升级，比如1.x.x 升级到2.x.x，这种升级规模是最大的，改动的地方是最多的，周期也是最长的， jQuery 从1.x.x 到2.x.x 用了7年。第二种是小版本更新，比如1.7升级到1.8，改动适中，增加或减少了一些功能，一般周期半年到一年左右。第三种是微版本更新，比如1.8.1升级到1.8.2，修复一些 bug 或错误之类。

版本的内容升级主要也有三种：第一种是核心库的升级，比如优化选择符、优化 DOM或者 AJAX 等；这种升级不影响开发者的使用。第二种是功能性的升级，比如剔除一些过时的方法、新增或增强一些方法等等；这种升级需要了解和学习。第三种就是 BUG 修复之类的升级，对开发者使用没有影响。

学习者有一种担忧，比如学了1.3版本的 jQuery，那么以后升级新版本是不是还需要重学？没必要，因为并不是每次升级一个版本都会增加或剔除功能的，一半左右都是内部优化，升级到新版本并不需要任何学习成本。就算在新的版本增加了一些功能，只需要几分钟了解一下即可使用，无需清零之前的知识，只需后续累加。当然，在早期的 jQuery 版本都创建了最常用的功能，而新版本中增加的功能，也不是最常用的，无需立即学习，立马用起。

jQuery 的功能和优势

jQuery 作为 JavaScript 封装的库，他的目的就是为了简化开发者使用 JavaScript。主要功能有以下几点：

1.像 CSS 那样访问和操作 DOM

2.修改 CSS 控制页面外观

3.简化 JavaScript 代码操作

4.事件处理更加容易

5.各种动画效果使用方便

6.让 Ajax 技术更加完美

7.基于 jQuery 大量插件

8.自行扩展功能插件

jQuery 最大的优势，就是特别的方便。比如模仿 CSS 获取 DOM，比原生的 JavaScript要方便太多。并且在多个 CSS 设置上的集中处理非常舒服，而最常用的 CSS 功能又封装到单独的方法，感觉非常有心。最重要的是 jQuery 的代码兼容性非常好，你不需要总是头疼着考虑不同浏览器的兼容问题。

其他 JavaScript 库

目前除了 jQuery，还有5 个库较为流行，他们分别是 YUI、 Prototype、 Mootools、 Dojo和 ExtJS。

YUI，是雅虎公司开发的一套完备的、扩展性良好的富交互网页工具集。

Prototype，是最早成型的 JavaScript 库之一，对 JavaScript 内置对象做了大量的扩展。

Dojo， Dojo 强大之处在于提供了其他库没有的功能。离线存储、图标组件等等。

Mootools，轻量、简洁、模块化和面向对象的 JavaScript 框架。

ExtJS，简称 Ext，原本是对 YUI 的一个扩展，主要创建前端用户界面。(付费的)

推荐阅读：

index(subject)

搜索与参数表示的对象匹配的元素，并返回相应元素的索引值值。

如果找到了匹配的元素，从0开始返回；如果没有找到匹配的元素，返回-1。

返回值：Number

参数：subject (Element): 要搜索的对象

示例：

返回ID值为foobar的元素的索引值值。

HTML 代码:

jQuery 代码:

$("*").index($('#foobar')[0])

结果:5

1.插件：

（1）jQuery.fn.extend(object)

扩展 jQuery 元素集来提供新的方法（通常用来制作插件）。

查看这里Plugins/Authoring可以获取更多信息。

返回值：jQuery

参数：object (Object):用来扩充 jQuery 对象。

示例：增加两个插件方法。

jQuery.fn.extend({

check: function(){

return this.each(function(){ this.checked = true;});

},

uncheck: function(){

return this.each(function(){ this.checked = false;});

}

});

结果:

$("input[@type=checkbox]").check();

$("input[@type=radio]").uncheck();

（2）jQuery.extend(object)

扩展 jQuery对象本身，

用来在jQuery命名空间上增加新函数。查看'jQuery.fn.extend'获取更多添加插件的信息。

参数：object (Object): 用以扩展 jQuery 对象

示例：在jQuery命名空间上增加两个函数。

jQuery.extend({

min: function(a, b){ return a < b ? a : b;},

max: function(a, b){ return a > b ? a : b;}

jQuery.min(2,3);//=>2

jQuery.max(4,5);//=>5

多库共存

（1）jQuery.noConflict()

运行这个函数将变量$的控制权让渡给第一个实现它的那个库。有助于确保jQuery不会与其他库的$对象发生冲突。在运行这个函数后，就只能使用jQuery变量访问jQuery对象。例如，在要用到$("div p")的地方，就必须换成jQuery("div p")。

示例：将$引用的对象映射回原始的对象。

jQuery.noConflict();

//使用 jQuery

jQuery("div p").hide();

//使用其他库的$()

$("content").style.display ='none'

恢复使用别名$，然后创建并执行一个函数，在这个函数的作用域中仍然将$作为jQuery的别名来使用。在这个函数中，原来的$对象是无效的。这个函数对于大多数不依赖于其他库的插件都十分有效。

jQuery.noConfict();

(function($){

$(function(){

//使用$作为jQuery别名的代码

})

})(jQuery);

//其他用$作为别名的库的代码

创建一个新的别名用以在接下来的库中使用jQuery对象。

jQuery代码：

var j=jQuery.noConfict();

//基于jQuery的代码

j(“div p”).hide();

//基于其他库的$()代码

$(“content”).style.display =’none’;

佳谦科技是一家专注于软件开发的高新技术企业。拥有一支掌握先进技能，协作能力强，昂扬向上的创造性队伍。业务主要涉及微公众平台、手机APP定制、人工智能、物联网、车联网、无人驾驶等等。

我们以高新技术为实体，诚信、服务至上为方向，坚持客户需求决定一切，始终把客户放在第一位，用实际行动得到得到客户的认可肯定。

我们的每个思想在我们网店都有一个案例，每个案例都是我们的思想，我们有专业的策划人员，满足客户的所有需求，专业的技术人员，保障按照项目进度完成每个项目，优秀的后勤维修人员，随时解决项目后期维护出现的问题；欢迎关注我们的网店，我们会谁是更新我们的理念，有大家分享！

http://shop370148096.taobao.com/?spm=a230r.7195193.1997079397.2.40Yub7

小编最近因工作的原因，在学习angular.js。根据在公司做网站案例中，总结了一些关于angular.js在实际应用中的优点。

优点：

1，模板功能强大丰富,并且是声明式的,自带了丰富的angular指令；

2，是一个比较完善的前端MVX框架，包含模板，数据双向绑定，路由，模块化，服务，过滤器，依赖注入等所有功能；

3.自定义Directive，比jQuery插件还灵活，但是需要深入了解Directive的一些特性，简单的封装容易，复杂一点官方没有提供详细的介绍文档，我们可以通过阅读源代码来找到某些我们需要的东西

，如：在directive使用$parse；

4. ng模块化比较大胆的引入了Java的一些东西（依赖注入），能够很容易的写出可复用的代码，对于敏捷开发的团队来说非常有帮助，我们的项目从上线到目前，UI变化很大，在摸索中迭代产品

，但是js的代码基本上很少改动。

5.补充：Angular支持单元测试和e2e-testing。

作为一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。其强大的兼容性，独特的链式语法和短小清晰的多功能接口为我们平常的开发工作带来了不少的帮助。

在今年的3月16，我们也迎来了jQuery 3.2.0（jQuery 3.2.0 Is Out!）。此版本包括一些错误修复，改进和一些弃用，如果从 jQuery 3.0+升级，应该不会存在兼容性问题。如果尚未升级到 jQuery 3+，请去查阅“3.0升级指南”。

这次更新中值得关注的更新：

1.支持自定义CSS属性添加

2.弃用jQuery.holdReady

3.弃用jQuery.nodeName

4.弃用jQuery.inArray

5.修复了.width()和.height()中存在的一个bug 。例如,transform: scale(2x)时，元素的高宽值不应该翻倍。

6.支持将