jQuery 和 Bootstrap 之间有什么区别? 下面本篇文章给大家介绍一下. 有一定的参考价值, 有需要的朋友可以参考一下, 希望对大家有所帮助.
jQuery 简单介绍
jQuery 是一个快速, 简洁的 JavaScript 框架, 是继 Prototype 之后又一个优秀的 JavaScript 代码库 (或 JavaScript 框架).jQuery 设计的宗旨是 "write Less,Do More", 即倡导写更少的代码, 做更多的事情. 它封装 JavaScript 常用的功能代码, 提供一种简便的 JavaScript 设计模式, 优化 html 文档操作, 事件处理, 动画设计和 Ajax 交互.
[推荐学习: jQuery 教程 https://www.html.cn/jskuangjia/jquery/ ]
jQuery 的核心特性可以总结为: 具有独特的链式语法和短小清晰的多功能接口; 具有高效灵活的 CSS 选择器, 并且可对 CSS 选择器进行扩展; 拥有便捷的插件扩展机制和丰富的插件. jQuery 兼容各种主流浏览器, 如 IE 6.0+,FF 1.5+,Safari 2.0+,Opera 9.0 + 等.
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 和 Bootstrap 的区别
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 文件
更多 Web 前端开发 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/jquery/16487.html