• 技术文章 >web前端 >前端问答

    bootstrap与jquery是什么关系

    长期闲置长期闲置2022-08-01 18:02:25原创146

    bootstrap与jquery的关系是:bootstrap是基于jquery结合了其他技术的前端框架。bootstrap用于快速开发Web应用程序和网站,jquery是一个兼容多浏览器的javascript库,bootstrap是基于HTML、CSS、JAVASCRIPT的。

    本教程操作环境:Windows10系统、bootstrap5版、DELL G3电脑

    bootstrap与jquery是什么关系

    Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,jQuery是一个兼容多浏览器的javascript库。可以这么理解:

    bootstrap是基于jQuery结合了其他技术的前端框架。

    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 是响应式布局,根据你的浏览设备不同,给你显示页面的效果也不同。当然如果你需要 支持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文件

    相关推荐:bootstrap教程

    以上就是bootstrap与jquery是什么关系的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:bootstrap
    上一篇:html5支持离线应用吗 下一篇:ngx bootstrap是什么
    VIP课程(WEB全栈开发)

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• bootstrap能用于jsp页面吗• bootstrap中有弹出层吗• bootstrap是自适应的吗• bootstrap是国内开发的吗• bootstrap怎么清除浮动的样式
    1/1

    PHP中文网