更新時間:2021-06-07 16:27:08 來源:動力節(jié)點 瀏覽1107次
Jquery和bootstrap之間有什么區(qū)別?下面本篇文章給大家介紹一下。有一定的參考價值,有需要的朋友可以參考一下,希望對大家有所幫助。
Bootstrap是基于HTML5和CSS3開發(fā)的,它在jQuery基礎上進行了更為個性化的完善,形成一套自己獨有的網(wǎng)站風格,并兼容大部分jQuery插件。
基本結構:Bootstrap提供了一個帶有網(wǎng)格系統(tǒng)、鏈接樣式、背景的基本結構。這將在Bootstrap基本結構部分詳細講解。
CSS:Bootstrap自帶以下特性:全局的CSS設置、定義基本的HTML元素樣式、可擴展的class,以及一個先進的網(wǎng)格系統(tǒng)。這將在Bootstrap CSS部分詳細講解。
組件:Bootstrap包含了十幾個可重用的組件,用于創(chuàng)建圖像、下拉菜單、導航、警告框、彈出框等等。這將在布局組件部分詳細講解。
JavaScript插件:Bootstrap包含了十幾個自定義的jQuery插件。您可以直接包含所有的插件,也可以逐個包含這些插件。這將在Bootstrap插件部分詳細講解。
定制:您可以定制Bootstrap的組件、LESS變量和jQuery插件來得到您自己的版本。
Bootstrap自帶了13個jQuery插件,這些插件為Bootstrap中的組件賦予了“生命”。其中包括:模式對話框、標簽頁、滾動條、彈出框等。
BootStrap簡單點說:是一個快速搭建網(wǎng)站前臺頁面的開源項目(基于Jquery)。你只需要了解相關的class、標簽名稱等所代表的意思,然后在構建頁面的時候,導入bootstrap的JS、css等,它就會去表現(xiàn)相應的效果出來,比如HTML說明:縮略語;當鼠標懸停在縮寫和縮寫詞上時就會顯示完整內容,Bootstrap實現(xiàn)了對HTML元素的增強樣式。縮略語元素帶有TItle屬性,外觀表現(xiàn)為帶有較淺的虛線框,鼠標移至上面時會變成帶有“問號”的指針。當你需要段落文字某個單詞或者詞語需要有上面的那種效果,你就那樣按照那種格式寫就好了,附加的class=“iniTIalism”是讓字號更小一點,也可以不要。反過來說:如果你不試用bootstrap的東西或者其他類似的框架,那你就得自己寫這樣的效果,開發(fā)時間長。再比如Jquery的easyui,也是差不多道理。
jQuery是一個快速、簡潔的JavaScript框架,是繼Prototype之后又一個優(yōu)秀的JavaScript代碼庫(或JavaScript框架)。jQuery設計的宗旨是“write Less,Do More”,即倡導寫更少的代碼,做更多的事情。它封裝JavaScript常用的功能代碼,提供一種簡便的JavaScript設計模式,優(yōu)化HTML文檔操作、事件處理、動畫設計和Ajax交互。
jQuery的核心特性可以總結為:具有獨特的鏈式語法和短小清晰的多功能接口;具有高效靈活的css選擇器,并且可對CSS選擇器進行擴展;擁有便捷的插件擴展機制和豐富的插件。jQuery兼容各種主流瀏覽器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。
Bootstrap以及jQuery主要以Web Site場景為主也就是網(wǎng)站的頁面展示層能夠提供很多艷麗的效果
Bootstrap是一個前臺框架包含css和一些jquery插件,依賴與jquery,所以必須一起使用
bootstrap是依賴jquery寫的擴展,你要使用bootstrap,必須要先引入juqery你不引入jquery,bootstrap的功能你還不能用
bootstrap定義了布局、間距等,還提供了less進行管理,可以看作是css規(guī)范、框架。
利用他提供的樣式隨意組合,基本上能滿足了一些頁面的樣式需求。
用Jquery的話,如果要做一個網(wǎng)站,PC端用jQuery-ui手機端用jQuery mobile【需要做兩套網(wǎng)站】
如果用bootstrap的話,【只需要一套就夠了】。
因為bootstrap是響應式布局,根據(jù)你的瀏覽設備不同,給你顯示頁面的效果也不同。當然如果你需要支持IE 6---IE7最好還是用jQuery低版本吧。
現(xiàn)在比較流行的前端框架有bootstrap+angularJS
以上就是動力節(jié)點小編介紹的"Jquery和bootstrap有哪些區(qū)別",希望對大家有幫助,如有疑問,請在線咨詢,有專業(yè)老師隨時為您服務。