jquery框架和bootstrap框架區別

藏色散人
發布: 2019-08-01 14:09:21
原創
4535 人瀏覽過

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!