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

    jquery框架和bootstrap框架区别

    藏色散人藏色散人2019-08-01 14:09:21原创2376

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

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:jquery bootstrap
    上一篇:bootstrap和css区别 下一篇:webview是什么
    大前端线上培训班

    相关文章推荐

    • bootstrap有哪些内容• elementui和bootstrap区别• bootstrap和css区别• bootstrap如何快速制作官网

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网