热门关键字:
jquery > jquery教程 > jquery教程 > Jquery和bootstrap有哪些区别

Jquery和bootstrap有哪些区别

351
作者:管理员
发布时间:2021/8/26 18:33:00
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=5333
  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以及jQuery主要以Web Site场景为主也就是网站的页面展示层能够提供很多艳丽的效果


  Bootstrap是一个前台框架包含css和一些jquery插件,依赖与jquery,所以必须一起使用


  bootstrap是依赖jquery写的扩展,你要使用bootstrap,必须要先引入juqery你不引入jquery,bootstrap的功能你还不能用


  bootstrap定义了布局、间距等,还提供了less进行管理,可以看作是css规范、框架。


  利用他提供的样式随意组合,基本上能满足了一些页面的样式需求。


  用Jquery的话,如果要做一个网站,PC端用jQuery-ui手机端用jQuery mobile【需要做两套网站】


  如果用bootstrap的话,【只需要一套就够了】。


  因为bootstrap是响应式布局,根据你的浏览设备不同,给你显示页面的效果也不同。当然如果你需要支持IE 6---IE7最好还是用jQuery低版本吧。




如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:jquery
友荐云推荐