jquery和bootstrap的區別是什麼?

2020-11-09 18:00:48

區別:Bootstrap是用於開發應用程式的開源前端框架,主要用HTML,CSS,Less,Saas和JavaScript編寫;Jquery是用於使用者端指令碼的開源javascript庫,主要用JavaScript編寫。

Bootstrap簡單介紹

  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是用於使用者端指令碼的開源javascript庫

Bootstrap主要用HTML,CSS,Less,Saas和JavaScript編寫;Jquery主要用JavaScript編寫。

Bootstrap可以使用CSS框架使站點更具可客製化性,有一個各種主題的模板,可用於不同的網站。在Jquery中,無法使用許多自定義項開發站點,沒有用於不同的網站開發的主題模板。

  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和bootstrap的區別是什麼?的詳細內容,更多請關注TW511.COM其它相關文章!