jquery框架和bootstrap框架的區別是什么

這篇文章主要講解了“jquery框架和bootstrap框架的區別是什么”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“jquery框架和bootstrap框架的區別是什么”吧！

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框架的視覺效果

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框架的區別是什么”的內容了，經過本文的學習后，相信大家對jquery框架和bootstrap框架的區別是什么這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！