您好,欢迎访问一九零五行业门户网

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 标签
<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框架区别的详细内容。
其它类似信息

推荐信息