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的话，只需要一套就够了

---

Bootstrap简单介绍

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

　　基本结构：Bootstrap 提供了一个带有网格系统、链接样式、背景的基本结构。这将在Bootstrap 基本结构部分详细讲解。

　　CSS：Bootstrap 自带以下特性：全局的 CSS设置、定义基本的 HTML 元素样式、可扩展的 class，以及一个先进的网格系统。这将在Bootstrap CSS部分详细讲解。

　　组件：Bootstrap 包含了十几个可重用的组件，用于创建图像、下拉菜单、导航、警告框、弹出框等等。这将在布局组件部分详细讲解。

　　JavaScript 插件：Bootstrap包含了十几个自定义的jQuery 插件。您可以直接包含所有的插件，也可以逐个包含这些插件。这将在Bootstrap插件部分详细讲解。

　　定制：您可以定制Bootstrap的组件、LESS 变量和jQuery 插件来得到您自己的版本。

　　Bootstrap自带了13个jQuery插件，这些插件为Bootstrap中的组件赋予了“生命”。其中包括：模式对话框、标签页、滚动条、弹出框等。

BootStrap简单点说：是一个快速搭建网站前台页面的开源项目（基于Jquery）。你只需要了解相关的class、标签名称等所代表的意思，然后在构建页面的时候，导入bootstrap的JS、css等，它就会去表现相应的效果出来，比如HTML说明：缩略语；当鼠标悬停在缩写和缩写词上时就会显示完整内容，Bootstrap实现了对HTML 元素的增强样式。缩略语元素带有TItle属性，外观表现为带有较浅的虚线框，鼠标移至上面时会变成带有“问号”的指针。当你需要段落文字某个单词或者词语需要有上面的那种效果，你就那样按照那种格式写就好了，附加的class=“iniTIalism”是让字号更小一点，也可以不要。反过来说：如果你不试用bootstrap的东西或者其他类似的框架，那你就得自己写这样的效果，开发时间长。再比如Jquery的easyui，也是差不多道理。
 

jQuery简单介绍

　　jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。

　　jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

bootstrap 和 jquery区别

　　Bootstrap以及jQuery主要以Web Site场景为主 也就是网站的页面展示层 能够提供很多艳丽的效果

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

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

　　bootstrap定义了布局、间距等，还提供了less进行管理，可以看作是css规范、框架。

　　利用他提供的样式随意组合，基本上能满足了一些页面的样式需求。

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

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

　　因为bootstrap 是响应式布局，根据你的浏览设备不同，给你显示页面的效果也不同。当然如果你需要 支持IE 6---IE7 最好还是用 jQuery 低版本吧。

　　现在比较流行的前端框架有bootstrap + angularJS

jQuery是JavaScript的工具集，说白了jQuery就是JavaScript。
而Bootstrap是一个开发框架，集成了很多现成的网页格式和网页布局，封装了很多CSS样式和JS代码，可以拿来直接用，只需要把里面想换成自己的内容替换掉。
jquery是js脚本库，主要是通过简化js操作html元素及前端数据的。
bootstrap是前端页面设计数据显示框架，主要是它的UI部分，显示效果很不错。
bootstrap = 样式库 + 一堆jQuery插件
顺便解释一句，如果你只需要bootstrap的样式，你完全不用引入jQuery和bootstrap的js文件