bootstrap和jquery优点和区别

一、jQuery的优点

jquery是JavaScript库,能够极大地简化JavaScript编程,能够更方便的处理DOM操作和进行Ajax交互
1、轻量级
JQuery非常轻巧
2、强大的选择器
JQuery允许开发者使用从CSS1到CSS3几乎所有的选择器，以及JQuery独创的高级而且复杂的选择器
3、出色的DOM操作的封装
JQuery封装了大量常用的DOM操作，使开发者在编写DOM操作相关程序的时候能够得心应手
4、可靠的事件处理机制
JQuery的事件处理机制吸收了JavaScript专家Dean Edwards编写的事件处理函数的精华，JQuery在处理事件绑定的时候相当可靠。
5、完善的Ajax
JQuery将所有的Ajax操作封装到一个函数$.ajax()里，使得开发者处理Ajax的时候能够专心处理业务逻辑而无需关心复杂的浏览器兼容性和XMLHttpRequest对象的创建和使用的问题
6、链式操作方式
JQuery中最有特色的莫过于它的链式操作方式——即对发生在同一个JQuery对象上的一组动作，可以直接接连写无需要重复获取对象
7、隐式迭代
JQuery里的方法都被设计成自动操作的对象集合，而不是单独的对象，这使得大量的循环结构变得不再必要，从而大幅度地减少代码量。
8、行为层与结构层的分离
开发者可以使用选择器选中元素，然后直接给元素添加事件。
9、开源
JQuery是一个开源的产品，任何人都可以自由地使用并提出修改意见

二、bootstrap优点

Bootstrap是基于HTML,CSS，javascript的前端框架,使用它可以快速的搭建出网站
1、跨设备，跨浏览器
可以兼容所有现代浏览器
2、响应布局
bootstrap提供了一套响应式、移动设备优先的流式栅格系统。它可以根据用户屏幕尺寸调整页面，使其在各个尺寸上都表现良好
3、CSS模块化
bootstrap预先定义了很多CSS类，使用的时候直接给class赋予对应的类名即可，如text-left，text-align，.table等
4、内置JavaScript插件
Bootstrap提供了很多实用性的JQuery插件，这些插件方便开发者实现WEB中各种常规特效，所以Bootstrap依赖于JQuery
5、丰富的组件
bootstrap提供了实用性很强的组件，包括：导航，标签，工具条，按钮等供开发者使用

三、两者区别

(1)jQuery是JavaScript的工具集，说白了jQuery就是JavaScript；而Bootstrap是一个开发框架，集成了很多现成的网页格式和网页布局，封装了很多CSS样式和JS代码，可以拿来直接用，只需要把里面想换成自己的内容替换掉，即bootstrap = 样式库 + 一堆jQuery插件。
(2)用Jquery 的话， 如果要做一个网站，PC 端用jQuery-ui 手机端用jQuery mobile【需要做两套网站】，如果用bootstrap的只需要一套就够了。

四、对比流行前端框架

6大主流