首頁 > web前端 > 前端問答 > bootstrap與jquery是什麼關係

bootstrap與jquery是什麼關係

WBOY
發布: 2022-08-01 18:02:25
原創
3447 人瀏覽過

bootstrap與jquery的關係是:bootstrap是基於jquery結合了其他技術的前端架構。 bootstrap用於快速開發網頁應用程式和網站,jquery是一個相容多瀏覽器的javascript函式庫,bootstrap是基於HTML、CSS、JAVASCRIPT的。

bootstrap與jquery是什麼關係

本教學操作環境:Windows10系統、bootstrap5版、DELL G3電腦

bootstrap與jquery是什麼關係

Bootstrap 是基於HTML、CSS、JAVASCRIPT 的,jQuery是相容多瀏覽器的javascript函式庫。可以這麼理解:

bootstrap是基於jQuery結合了其他技術的前端框架。

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主要以Web Site場景為主也就是網站的頁面展示層能夠提供很多艷麗的效果

  • Bootstrap是一個前台框架包含css和一些jquery插件,依賴與jquery,所以必須一起使用

  • #bootstrap是依賴jquery寫的擴展,你還不能用

  • bootstrap定義了佈局、間距等,也提供了less進行管理,可以看作是css規範、框架。

  • 利用他提供的樣式隨意組合,基本上能滿足了一些頁面的樣式需求。

  • 用Jquery 的話, 如果要做一個網站,PC 端用jQuery-ui 手機端用jQuery mobile【需要做兩組網站】

  • #如果用bootstrap的話,【只需要一套就夠了】。

因為bootstrap 是響應式佈局,根據你的瀏覽裝置不同,給你顯示頁面的效果也不同。當然如果你需要 支援IE 6---IE7 最好還是用 jQuery 低版本吧。

現在比較流行的前端框架有bootstrap angularJS

jQuery是JavaScript的工具集,說白了jQuery就是JavaScript。

而Bootstrap是一個開發框架,整合了許多現成的網頁格式和網頁佈局,封裝了許多CSS樣式和JS程式碼,可以拿來直接用,只需要把裡面想換成自己的內容替換掉。

jquery是js腳本庫,主要是透過簡化js操作html元素及前端資料的。

bootstrap是前端頁面設計資料顯示框架,主要是它的UI部分,顯示效果很不錯。

bootstrap = 樣式庫一堆jQuery外掛

順便解釋一句,如果你只需要bootstrap的樣式,你完全不用引入jQuery和bootstrap的js檔案

相關推薦:bootstrap教程

#

以上是bootstrap與jquery是什麼關係的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板