jquery框架和bootstrap框架区别

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了jquery框架和bootstrap框架区别，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1907字，纯文字阅读大概需要3分钟。

内容图文

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 标签

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

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框架区别的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的jquery框架和bootstrap框架区别全部内容，希望文章能够帮你解决jquery框架和bootstrap框架区别所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

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

内容手机端