随着Web前端技术的不断发展，互联网上诞生了很多优秀的JavaScript框架，这些框架基本上都封装了JavaScript、DOM和Ajax等操作的功能，为开发人员提供了更加快捷、强大的开发方式。常见的JavaScript框架有jQuery、Prototype、ExtJS和等。

加载在线版的 jquery 文件地址

<script src="https://cdn.bootcss.com/jquery/2.2.3/jquery.slim.min.js"></script>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript">
//......
</script>

1 jQuery操作

1.1 引入jQuery

要使用jQueryjavascript库，只需要将jQuery 对应的“jquery-x.x.js”脚本文件引入到页面中即可。

开发人员构建网站都希望能够给用户最好的体验。如今，网上有许多工具可以帮助开发人员提高网站的用户体验！就目前的趋势而言，jQuery插件是最好的工具，它能充分的利用JavaScript的优势，给网站的用户最好的浏览体验。今天，我们为大家收集了排名前7位的免费jQuery插件，还在等什么，一起来看看吧！

Animate Scroll.js是一个简单的jQuery插件，它用来为滚动增加延迟效果。同时你还可以自定义滚动样式（30多种滚动效果）和滚动速度，还有一个可以操纵”滚动结束位置”的”padding”选项。这个插件不局限于整个页面，某个特定的包裹元素也可以作为其目标。

1.操作cookie的插件jquery.cookie.js

添加

$.cookie('the_cookie', 'the_value');

设置时长

$.cookie('the_cookie', 'the_value', { expires: 7 });

在这一次的Web开发教程中，我会尽力解答有关于jQuery和AngularJS的两个非常常见的问题，即jQuery和AngularJS之间的区别是什么？也就是说jQuery VS AngularJS？

今天我不会仅仅只是解释两者的差异和列举两种技术的功能特点，我还会尽量解答一些相关的问题和概念。例如：

什么时候使用jQuery/AngularJS？

怎样避免在jQuery样式中使用AngularJS 的常见错误？

从开发人员的角度作代码比较

与javaScript相比，Jquery更简洁。浏览器的兼容性更强，语法更灵活，对xpath的支持更强大。一个$符就可以遍历文档中各级元素。
例：在页面上有一个无序列表，我们需要将所有列表项中的文本内容提取出来并显示。

 1 //javascript代码
 2 <script type = "text/javascript">
 3     var listTimes = document.getElementByTagName("li");
 4     var str = "";
 5     for(var i = 0; i < listTimes.length; i++){
 6         str += listTimes[i].firstChild.nodeValue;
 7         alert(str);
 8     }    
 9 </script>
10 //jquery代码
11 <script type = "text/javascript">
12     $(function{
13         alert($("li").text);
14     }); 
15 </script>

jQuery是简化了HTML文档遍历、事件处理、动画和Ajax交互最快、最简洁的JavaScript库。随着越来越多的jQuery插件出现，开发者们可以很轻易地将所需要的组件整合进他们的导航菜单、logo、表格化布局、简短的文本，使其拥有指定的大小或是为其创建一系列的滑动效果，以迎合网站的主题。jQuery的出现丰富了网页的应用和开发，促使了多功能、视觉效果绚丽的网站的出现。在本文中，我们将为开发人员列出10个非常有用的jQuery插件，欢迎品鉴！

Responsive Swipe可以让您为不同设备的不同内容服务，您可以使用Responsive Swipe插件创建一个RESS站点发送不同的内容到不同的设备上。

nicescroll 滚动条插件是一个非常强大的基于 jQuery 的滚动条插件，不需要增加额外的css，几乎全浏览器兼容。ie6+，实现只需要一段代码，侵入性非常小，样式可完全自定义，支持触摸事件，可在触摸屏上使用。

有史以来最好的nicescroll版本-在现代浏览器和移动设备中极其流畅和一致，资源使用率低