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

相關推薦：《 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框架區別的詳細內容。更多資訊請關注PHP中文網其他相關文章！