Welche Beziehung besteht zwischen Bootstrap und JQuery?

Die Beziehung zwischen Bootstrap und JQuery ist: Bootstrap ist ein Front-End-Framework, das auf JQuery in Kombination mit anderen Technologien basiert. Bootstrap wird zum schnellen Entwickeln von Webanwendungen und Websites verwendet. Jquery ist eine mit mehreren Browsern kompatible Javascript-Bibliothek, die auf HTML, CSS und JAVASCRIPT basiert.

Die Betriebsumgebung dieses Tutorials: Windows 10-System, Bootstrap-Version 5, DELL G3-Computer

Welche Beziehung besteht zwischen Bootstrap und JQuery?

Bootstrap basiert auf HTML, CSS, JAVASCRIPT und jQuery eine Javascript-Bibliothek, die mit mehreren Browsern kompatibel ist. Es kann folgendermaßen verstanden werden:

bootstrap ist ein Front-End-Framework, das auf jQuery in Kombination mit anderen Technologien basiert.

Eine kurze Einführung in Bootstrap

Es wurde auf Basis von jQuery personalisierter und verbessert und ist mit den meisten jQuery-Plug-ins kompatibel.

　Grundstruktur: Bootstrap bietet eine Grundstruktur mit einem Rastersystem, Linkstilen und Hintergrund. Dies wird im Abschnitt Bootstrap-Grundstruktur ausführlich erläutert.

　 CSS: Bootstrap verfügt über die folgenden Funktionen: globale CSS-Einstellungen, Definition grundlegender HTML-Elementstile, erweiterbare Klassen und ein erweitertes Rastersystem. Dies wird im Abschnitt Bootstrap-CSS ausführlich erläutert.

　Komponenten: Bootstrap enthält mehr als ein Dutzend wiederverwendbare Komponenten zum Erstellen von Bildern, Dropdown-Menüs, Navigation, Warnfeldern, Popup-Feldern und mehr. Dies wird im Abschnitt „Layout-Komponenten“ ausführlich erläutert.

　JavaScript-Plug-ins: Bootstrap enthält mehr als ein Dutzend benutzerdefinierte jQuery-Plug-ins. Sie können alle Plug-Ins direkt oder einzeln einbinden. Dies wird im Abschnitt Bootstrap-Plugin ausführlich erläutert.

　Anpassung: Sie können Bootstrap-Komponenten, LESS-Variablen und jQuery-Plugins anpassen, um Ihre eigene Version zu erhalten.

　Bootstrap wird mit 13 jQuery-Plug-Ins geliefert, die den Komponenten in Bootstrap „Leben“ verleihen. Dazu gehören: modale Dialogfelder, Registerkarten, Bildlaufleisten, Popup-Boxen usw.

Um es einfach auszudrücken: BootStrap ist ein Open-Source-Projekt (basierend auf Jquery) zum schnellen Aufbau der Frontend-Seite einer Website. Sie müssen nur die Bedeutung der relevanten Klassen, Tag-Namen usw. verstehen und dann beim Erstellen der Seite Bootstraps JS, CSS usw. importieren, und es werden die entsprechenden Effekte angezeigt, z. B. HTML-Beschreibung: Abkürzung Der Maus-Bootstrap implementiert ein verbessertes Styling für HTML-Elemente, indem der vollständige Inhalt angezeigt wird, wenn der Mauszeiger über Abkürzungen und Abkürzungen bewegt wird. Das Abkürzungselement hat das TItle-Attribut und erscheint als heller gepunkteter Rahmen. Wenn die Maus darüber bewegt wird, verwandelt es sich in einen Zeiger mit einem „Fragezeichen“. Wenn Sie ein bestimmtes Wort oder eine bestimmte Phrase im Absatztext benötigen, um den oben genannten Effekt zu erzielen, können Sie es einfach in diesem Format schreiben. Der Zusatz class="iniTIalism" verkleinert die Schriftgröße, oder dies ist nicht erforderlich. Andererseits: Wenn Sie Bootstrap oder andere ähnliche Frameworks nicht ausprobieren, müssen Sie solche Effekte selbst schreiben, was eine lange Entwicklungszeit in Anspruch nimmt. Ein weiteres Beispiel ist JQuerys EasyUI, das ähnlich ist.

Eine kurze Einführung in jQuery

jQuery ist ein schnelles und prägnantes JavaScript-Framework. Es ist eine weitere hervorragende JavaScript-Codebibliothek (oder JavaScript-Framework) nach Prototype. Der Zweck des jQuery-Designs besteht darin, „weniger zu schreiben, mehr zu tun“, was bedeutet, weniger Code zu schreiben und mehr Dinge zu tun. Es kapselt gängige JavaScript-Funktionscodes, stellt ein einfaches JavaScript-Entwurfsmuster bereit und optimiert HTML-Dokumentvorgänge, Ereignisverarbeitung, Animationsdesign und Ajax-Interaktion.

　Die Kernfunktionen von jQuery lassen sich wie folgt zusammenfassen: Es verfügt über eine einzigartige Kettensyntax und eine kurze und übersichtliche multifunktionale Schnittstelle. Es verfügt über einen effizienten und flexiblen CSS-Selektor und kann den CSS-Selektor erweitern -in-Erweiterungsmechanismus und umfangreiches Plugin. jQuery ist mit verschiedenen gängigen Browsern kompatibel, z. B. IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+ usw.

Der Unterschied zwischen Bootstrap und JQuery

• Bootstrap und JQuery basieren hauptsächlich auf Website-Szenen, das heißt, die Seitenanzeigeebene der Website kann viele großartige Effekte bieten.

• Bootstrap ist ein Front-End Framework einschließlich CSS und einigen JQuery-Plug-Ins, hängt von JQuery ab und muss daher zusammen verwendet werden. Bootstrap ist eine auf JQuery basierende Erweiterung. Wenn Sie nicht möchten, müssen Sie JuQery einführen Wenn Sie jquery nicht einführen, können Sie die Funktionen von Bootstrap nicht verwenden.
  

• Verwenden Sie die von ihm bereitgestellten Stile, um sie nach Belieben zu kombinieren, was grundsätzlich den Stilanforderungen einiger Seiten gerecht werden kann.
  

• Wenn Sie Jquery verwenden und eine Website erstellen möchten, verwenden Sie jQuery-ui auf dem PC und jQuery Mobile auf dem Mobiltelefon [Sie müssen zwei Sätze von Websites erstellen]
  

• Wenn Sie Bootstrap verwenden , [nur ein Satz ist genug 】.

  
  

• Da es sich bei Bootstrap um ein responsives Layout handelt, ist der Effekt der Anzeige der Seite je nach Browsergerät unterschiedlich. Wenn Sie IE 6–IE7 unterstützen müssen, ist es natürlich am besten, eine niedrigere Version von jQuery zu verwenden.

  Die populäreren Front-End-Frameworks umfassen jetzt Bootstrap + AngularJS

  jQuery ist ein Toolset für JavaScript. Um es ganz klar auszudrücken: jQuery ist JavaScript.

  Bootstrap ist ein Entwicklungsframework, das viele vorgefertigte Webseitenformate und Weblayouts integriert und viele CSS-Stile und JS-Codes kapselt. Es kann direkt verwendet werden und Sie müssen es nur durch Ihren eigenen Inhalt ersetzen.

  jquery ist eine js-Skriptbibliothek, die hauptsächlich HTML-Elemente und Front-End-Daten durch Vereinfachung von js betreibt.

  bootstrap ist ein Front-End-Framework für die Anzeige von Seitendesigndaten, hauptsächlich der UI-Teil, und der Anzeigeeffekt ist sehr gut.

  Bootstrap = Stilbibliothek + eine Reihe von jQuery-Plug-Ins

  Übrigens, wenn Sie nur Bootstrap-Stile benötigen, müssen Sie jQuery und Bootstrap-JS-Dateien überhaupt nicht importieren

  Verwandte Empfehlungen: Bootstrap-Tutorial

Das obige ist der detaillierte Inhalt vonWelche Beziehung besteht zwischen Bootstrap und JQuery?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!