jquery框架和bootstrap框架区别

jquery框架和bootstrap框架区别

jquery框架和bootstrap框架区别

Bootstrap框架

在Bootstrap的官网介绍中,Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web. 

大致意思就是:Bootstrap是最受欢迎的HTML、CSS和JS框架,用于开发响应式布局、移动设备优先的Web项目,用于开发响应式布局,是一套用于 HTML、CSS 和 JS 开发的开源工具集。

Bootstrap的设计以移动设备优先,在网页的 head 之中添加 viewport meta 标签


登录后复制

Bootstrap使用一个容器元素来包裹网站的内容,使用类.container(固定宽度并支持响应式布局的容器)和.container-fluid(用于 100% 宽度,占据全部视口(viewport)的容器),具体的就看教程吧(https://www.runoob.com/bootstrap4/bootstrap4-tutorial.html,自带部分jQuery插件,3教程之后)

通常说 Bootstrap是一种前端框架,个人感觉其实这种说法不是很准确,Bootstrap的框架和Angular等说的框架,此框架非彼框架,Bootstrap更多感觉是一种页面UI的布局,通过一系列定义好的CSS class和一些预定义好的jquery插件实现比如过渡、下拉、折叠、轮播的初步效果

或者,Bootstrap是一种UI,用于前端布局的框架,属于css框架,而不是javascript框架,但是它本身也使用javascript来完善Bootstrap框架的视觉效果

相关推荐:《bootstrap教程》

jQuery框架

jQuery 是一个 JavaScript函数库,极大地简化了 JavaScript 编程。jQuery 是目前最流行的 JS 框架,而且提供了大量的扩展。

官网:https://jquery.com,中文手册:http://www.xgllseo.com/jq3/index-2.html,jQueryUI:http://jqueryui.com(用户界面交互、特效、小部件及主题)

基础语法:$(select).action(),jQuery的选择器和CSS一样,类选择器 .class,id的选择器 #id,sass写法 >

$(document).ready(function(){     //jQuery 入口函数});$("button").click(function(){    //jQuery 点击事件});

登录后复制

jQuery感觉是封装了一部分的函数,简化了原生js的写法,在实际使用时,jQuery对DOM树进行操控,即:首先有一个写好的html页面,再对其修改操作

如写按钮事件函数,点击隐藏,切换,页面跳转等

以上就是jquery框架和bootstrap框架区别的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2956166.html

(0)
上一篇 2025年3月12日 00:24:39
下一篇 2025年3月6日 18:38:18

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • bootstrap和css区别

    bootstrap和css区别 ● Bootstrap是美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架,使得 Web 开发更…

    2025年3月12日
    000
  • 如何学习jquery

      学习jquery很有意思的。入门的时候最好参照API把所有的常用方法都过一遍,非常有用. jquery中对dom/各元素操作的封装很好,动画也有许多方便实用的方法,同时ajax方面的封装也让人使用起来感觉非常的方便,当你jquery入门…

    2025年3月12日
    200
  • jquery是干嘛的

      jquery是一个快速、小型且功能丰富的javascript库,通过借助易于使用的API,它能使HTML文档的遍历和操纵、事件处理、动画和Ajax等事情变得更加简单。 jquery介绍: jQuery是一个快速,小型且功能丰富的Java…

    2025年3月12日
    200
  • React-Bootstrap是什么?

    React-Bootstrap是一款基于ReactJS对Bootstrap进行封装的库,一个可重用的前端组件库,可通过“cnpm  install react-bootstrap  –save”命令进行安装。 React-Boo…

    2025年3月12日
    200
  • jQuery中w2ui是什么?

    w2ui是基于Jquery的UI库,包含常用UI组件,如:布局、表格、树形、Tabs、工具条、弹出菜单、表单等等。采用Html5+CSS3编写,可以支持常用的浏览器,如:Chrome、FireFox7+、Safari 5+和IE 9+等。 …

    2025年3月12日
    200
  • extjs 和 bootstrap是什么

    extjs是一个流行的JavaScript框架,它为使用跨浏览器功能构建Web应用程序提供了丰富的UI;bootstrap是一个用于快速开发Web应用程序和网站的前端框架。 一:Ext JS Ext JS是一个流行的JavaScript框架…

    2025年3月12日
    200
  • easyui和bootstrap之间有什么区别?

    区别:1、bootstrap不带数据交互功能,而easyUI带有强大的数据交互功能;2、bootstrap更加侧重样式的表现,比较美观,easyUI反之样式不是特别好,不太美观;3、bootstrap兼容手机和pc,而easyUI不兼容。 …

    2025年3月12日
    200
  • bootstrap和elementui的区别是什么?

    区别:Element-UI是一款基于Vue.js2.0的桌面端UI框架;而Bootstrap是基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架,可以进行响应式开发,能在PC、平板及手机上同时有优秀的视觉效果。…

    2025年3月12日
    200
  • jQuery与JavaScript有什么关系?

    JavaScript是一种脚本语言,而jquery是一个JavaScript函数库,是JavaScript函数的集合;jquery基于JavaScript语言,封装JavaScript的原生方法,提供了简便的函数接口,简化了JS的操作。 J…

    2025年3月12日
    200
  • jquery中slider是什么?

    在jquery中,slider的意思为“滑块、浮动块,滚动条滑块”,是jquery UI中的一个小插件。Slider插件允许通过滑块进行选择。有各种不同的选项,比如多个手柄和范围。手柄可通过鼠标或箭头按键进行移动。 本文操作环境:windo…

    2025年3月12日
    200

发表回复

登录后才能评论