bootstrap与jQuery的优点与区别

一、bootstrap

Bootstrap是基于HTML5和CSS3开发的，它在jQuery的基础上进行了更为个性化的完善，形成一套自己独有的网站风格，并兼容大部分jQuery插件。

优点

1.简单灵活可用于架构流行的用户界面和交互接口的html、css、javascript工具集。

2.bootstrap提供了一套响应式、移动设备优先的流式栅格系统。它可以根据用户屏幕尺寸调整页面，使其在各个尺寸上都表现良好

3.Bootstrap 自带以下特性：全局的 CSS设置、定义基本的 HTML 元素样式、可扩展的 class，以及一个先进的网格系统。

4.Bootstrap 包含了十几个可重用的组件，用于创建图像、下拉菜单、导航、警告框、弹出框等等。

5.Bootstrap 包含了十几个自定义的jQuery 插件。您可以直接包含所有的插件，也可以逐个包含这些插件。

二、jQuery

jQuery是一个轻量级的javascript框架，极大的简化了js的编程。他是常用的js工具方法的一堆封装，他在一定程度上加快前端开发的速度，会缩短项目开发周期，会减少很多代码。

优点

1.jQuery提供了强大的元素选择器。用于获取html页面中封装了html元素的jQuery对象。像常见的选择器有:基本选择器，层次选择器，过滤选择器，表单选择器。

2.jQuery提供了对css样式操作的支持，像对class属性的增加删除切换操作。还有对单个样式操作的支持的css方法，提供了一种简洁统一的操作样式的方法。

3.jQuery出色的DOM操作的封装，极大的简化了javascript的对dom节点的增删改查操作，让我们可以使用一种更加简洁的方法来操作节点。

4.jQuery还是一个为事件处理特点设计的框架，提供了静态绑定事件和动态绑定事件，完善了事件的处理机制。

5.jQuery极大的简化ajax编程，提供了一种更加简洁，统一的编程方式。

6.JQuery中最有特色的莫过于它的链式操作方式——即对发生在同一个JQuery对象上的一组动作，可以直接接连写无需要重复获取对象

三、区别

bootstrap是一个前台框架包含css和一些jquery插件，依赖与jquery，所以必须一起使用

bootstrap是依赖jquery写的扩展，你要使用bootstrap，必须要先引入juqery你不引入jquery，bootstrap的功能你还不能用

jQuery是JavaScript的工具集，说白了jQuery就是JavaScript。

Bootstrap是一个开发框架，集成了很多现成的网页格式和网页布局，封装了很多CSS样式和JS代码，可以拿来直接用，只需要把里面想换成自己的内容替换掉。

用Jquery 的话， 如果要做一个网站，需要写两套代码，PC 端用jQuery-ui 手机端用jQuery mobile

如果用bootstrap的话，只需要一套就够了