溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

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

發(fā)布時間:2020-09-10 15:54:21 來源:億速云 閱讀:147 作者:小新 欄目:web開發(fā)

jquery框架和bootstrap框架有什么區(qū)別?這個問題可能是我們日常學習或工作經常見到的。希望通過這個問題能讓你收獲頗深。下面是小編給大家?guī)淼膮⒖純热?,讓我們一起來看看吧?/p>

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

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框架,用于開發(fā)響應式布局、移動設備優(yōu)先的Web項目,用于開發(fā)響應式布局,是一套用于 HTML、CSS 和 JS 開發(fā)的開源工具集。

Bootstrap的設計以移動設備優(yōu)先,在網頁的 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插件實現(xiàn)比如過渡、下拉、折疊、輪播的初步效果

或者,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框架有什么區(qū)別大概了解了嗎?希望文章內容對大家有所幫助。如果想了解更多相關文章內容,歡迎關注億速云行業(yè)資訊頻道。

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內容(圖片、視頻和文字)以原創(chuàng)、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI