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中文網其他相關文章!