Der Unterschied zwischen JQuery-Framework und Bootstrap-Framework

Der Unterschied zwischen JQuery-Framework und Bootstrap-Framework

Bootstrap-Framework

In der offiziellen Website-Einführung von Bootstrap ist Bootstrap das beliebteste HTML-, CSS- und JS-Framework für die Entwicklung reaktionsfähiger, mobiler Projekte im Web.

Die allgemeine Bedeutung ist: Bootstrap ist das beliebteste HTML , CSS- und JS-Framework zur Entwicklung responsiver, mobiler erster Projekte im Web. JS-Framework, das zur Entwicklung responsiver Layouts, mobiler Geräte-First-Webprojekte, verwendet wird, zur Entwicklung responsiver Layouts, ist ein Open-Source-Toolset für HTML, CSS und JS-Entwicklung.

Bootstrap wird zuerst für mobile Geräte entwickelt. Fügen Sie das Viewport-Meta-Tag im Kopf der Webseite hinzu.

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

Bootstrap verwendet ein Containerelement, um den Inhalt der Website mithilfe der Klasse zu umschließen. Container (feste Breite und Container, die reaktionsfähiges Layout unterstützen) und .container-fluid (Container, die 100 % Breite haben und das gesamte Ansichtsfenster einnehmen), finden Sie im Tutorial (https://www.runoob.com/bootstrap4/bootstrap4). -tutorial.html, kommt mit einigen jQuery-Plug-Ins, nach 3 Tutorials)

Es wird normalerweise gesagt, dass Bootstrap ein Front-End-Framework ist. Ich persönlich halte diese Aussage für nicht sehr zutreffend Das Bootstrap-Framework ist dasselbe wie das Angular-Framework usw. Dieses Framework ähnelt nicht eher einem Seiten-UI-Layout. Es erzielt vorläufige Effekte wie Übergang, Dropdown, Faltung und Karussell CSS-Klassen und einige vordefinierte JQuery-Plug-Ins

Oder Bootstrap ist eine Benutzeroberfläche, ein Framework für das Front-End-Layout. Es ist ein CSS-Framework, kein Javascript-Framework, aber es verwendet auch Javascript selbst, um das zu verbessern visuelle Effekte des Bootstrap-Frameworks

Verwandte Empfehlungen: „ Bootstrap-Tutorial》

jQuery-Framework

jQuery ist eine JavaScript-Funktion Bibliothek, die die JavaScript-Programmierung erheblich vereinfacht. jQuery ist derzeit das beliebteste JS-Framework und bietet eine Vielzahl an Erweiterungen.

Offizielle Website: https://jquery.com, chinesisches Handbuch: http://www.xgllseo.com/jq3/index-2.html, jQueryUI: http://jqueryui.com (Benutzeroberfläche). Interaktion, Spezialeffekte, Widgets und Themen)

Grundlegende Syntax: $(select).action(), der Selektor von jQuery ist derselbe wie CSS, Klasse selector.class, ID-Selektor #id, Sass-Schreibmethode> ;

$(document).ready(function(){
     //jQuery 入口函数
});
$("button").click(function(){
    //jQuery 点击事件
});

jQuery scheint einen Teil der Funktion zu kapseln und das Schreiben nativer JS zu vereinfachen. Bei der tatsächlichen Verwendung steuert jQuery den DOM-Baum, das heißt: Zuerst gibt es eine geschriebene HTML-Seite, dann ändern Es

wie das Schreiben von Tastenereignisfunktionen, Klicken zum Ausblenden, Wechseln, Seitenwechsel usw.

Das obige ist der detaillierte Inhalt vonDer Unterschied zwischen JQuery-Framework und Bootstrap-Framework. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!