jQuery和bootstrap

bootstrap

bootstrap/├── css/

│ ├── bootstrap.css

│ ├── bootstrap.css.map│ ├── bootstrap.min.css

│ ├── bootstrap.min.css.map│ ├── bootstrap-theme.css

│ ├── bootstrap-theme.css.map│ ├── bootstrap-theme.min.css

│ └── bootstrap-theme.min.css.map├── js/

│ ├── bootstrap.js│ └── bootstrap.min.js└── fonts/

├── glyphicons-halflings-regular.eot ├── glyphicons-halflings-regular.svg ├── glyphicons-halflings-regular.ttf ├── glyphicons-halflings-regular.woff └── glyphicons-halflings-regular.woff2

bootstrap.css 是完整的bootstrap样式表，未经压缩过的，可供开发的时候进⾏调试⽤

bootstrap.min.css 是经过压缩后的bootstrap样式表，内容和bootstrap.css完全⼀样，但是把中间不必要的空格之类的东西都删掉了，所以⽂件⼤⼩会⽐bootstrap.css⼩，可以在部署⽹站的时候引⽤，如果引⽤了这个⽂件，就没必要引⽤bootstrap.css了

bootstrap-responsive.css 这个是在对bootstrap框架应⽤了响应式布局之后所需要的CSS样式表，如果你的⽹站项⽬不准备做响应式设计，就不需要引⽤这个CSS。

bootstrap-responsive.min.css 和bootstrap.min.css的作⽤是⼀样的，是bootstrap-responsive.css的压缩版

bootstrap.js 这个是bootstrap的灵魂所在，是bootstrap的所有js指令的集合，你看到bootstrap⾥⾯所有的js效果，都是由这个⽂件控制的，这个⽂件也是⼀个未经压缩的版本，供开发的时候进⾏调试⽤

bootstrap.min.js 是bootstrap.js的压缩版，内容和bootstrap.js⼀样的，但是⽂件⼤⼩会⼩很多，在部署⽹站的时候就可以不引⽤bootstrap.js，⽽换成引⽤这个⽂件了

同时还提供了 CSS (bootstrap.*.map) ，可以在某些浏览器的开发⼯具中使⽤。同时还包含了来⾃ Glyphicons 的图标字体，在附带的Bootstrap 主题中使⽤到了这些图标。

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+等。

两者区别

jQuery是JavaScript的⼯具集，说⽩了jQuery就是JavaScript。

⽽Bootstrap是⼀个开发框架，集成了很多现成的⽹页格式和⽹页布局，封装了很多CSS样式和JS代码，可以拿来直接⽤，只需要把⾥⾯想换成⾃⼰的内容替换掉。

jquery是js脚本库，主要是通过简化js操作html元素及前端数据的。

bootstrap是前端页⾯设计数据显⽰框架，主要是它的UI部分，显⽰效果很不错。bootstrap = 样式库 + ⼀堆jQuery插件

顺便解释⼀句，如果你只需要bootstrap的样式，你完全不⽤引⼊jQuery和bootstrap的js⽂件

引⽤顺序

bootstrap.min.css 在前jquery.min.js 其次bootstrap.min.js 最后

bootstrap.min.css 习惯性的放在 html 中的 head 中jquery.min.js 和 bootstrap.min.js 放在html页⾯body的最后