jquery框架和bootstrap框架的區(qū)別是什么

這篇文章主要講解了“jquery框架和bootstrap框架的區(qū)別是什么”，文中的講解內(nèi)容簡(jiǎn)單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“jquery框架和bootstrap框架的區(qū)別是什么”吧！

jquery框架和bootstrap框架區(qū)別

Bootstrap框架

在Bootstrap的官網(wǎng)介紹中，Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.

大致意思就是：Bootstrap是最受歡迎的HTML、CSS和JS框架，用于開發(fā)響應(yīng)式布局、移動(dòng)設(shè)備優(yōu)先的Web項(xiàng)目，用于開發(fā)響應(yīng)式布局，是一套用于 HTML、CSS 和 JS 開發(fā)的開源工具集。

Bootstrap的設(shè)計(jì)以移動(dòng)設(shè)備優(yōu)先，在網(wǎng)頁的 head 之中添加 viewport meta 標(biāo)簽

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

Bootstrap使用一個(gè)容器元素來包裹網(wǎng)站的內(nèi)容，使用類.container（固定寬度并支持響應(yīng)式布局的容器）和.container-fluid（用于 100% 寬度，占據(jù)全部視口（viewport）的容器），具體的就看教程吧（https://www.runoob.com/bootstrap4/bootstrap4-tutorial.html，自帶部分jQuery插件，3教程之后）

通常說 Bootstrap是一種前端框架，個(gè)人感覺其實(shí)這種說法不是很準(zhǔn)確，Bootstrap的框架和Angular等說的框架，此框架非彼框架，Bootstrap更多感覺是一種頁面UI的布局，通過一系列定義好的CSS class和一些預(yù)定義好的jquery插件實(shí)現(xiàn)比如過渡、下拉、折疊、輪播的初步效果

或者，Bootstrap是一種UI，用于前端布局的框架，屬于css框架，而不是javascript框架，但是它本身也使用javascript來完善Bootstrap框架的視覺效果

jQuery框架

jQuery 是一個(gè) JavaScript函數(shù)庫，極大地簡(jiǎn)化了 JavaScript 編程。jQuery 是目前最流行的 JS 框架，而且提供了大量的擴(kuò)展。

官網(wǎng)：https://jquery.com，中文手冊(cè)：http://www.xgllseo.com/jq3/index-2.html，jQueryUI：http://jqueryui.com（用戶界面交互、特效、小部件及主題）

基礎(chǔ)語法：$(select).action()，jQuery的選擇器和CSS一樣，類選擇器 .class，id的選擇器 #id，sass寫法 >

$(document).ready(function(){     //jQuery 入口函數(shù)});$("button").click(function(){    //jQuery 點(diǎn)擊事件});

jQuery感覺是封裝了一部分的函數(shù)，簡(jiǎn)化了原生js的寫法，在實(shí)際使用時(shí)，jQuery對(duì)DOM樹進(jìn)行操控，即：首先有一個(gè)寫好的html頁面，再對(duì)其修改操作

如寫按鈕事件函數(shù)，點(diǎn)擊隱藏，切換，頁面跳轉(zhuǎn)等

感謝各位的閱讀，以上就是“jquery框架和bootstrap框架的區(qū)別是什么”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對(duì)jquery框架和bootstrap框架的區(qū)別是什么這一問題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是億速云，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！