Der Unterschied zwischen JQuery-Framework und Bootstrap-Framework

藏色散人
Freigeben: 2019-08-01 14:09:21
Original
4536 Leute haben es durchsucht

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">
Nach dem Login kopieren

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 点击事件
});
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!