Was ist der Unterschied zwischen Jquery und Bootstrap?

Unterschied: Bootstrap ist ein Open-Source-Frontend-Framework für die Entwicklung von Anwendungen, hauptsächlich geschrieben in HTML, CSS, Less, Saas und JavaScript; Jquery ist eine Open-Source-Javascript-Bibliothek für clientseitige Skripte, hauptsächlich geschrieben in JavaScript.

Eine kurze Einführung in Bootstrap

Es wurde auf der Grundlage von jQuery personalisierter und verbessert und ist mit allen wichtigen Websites kompatibel jQuery-Plugins.

　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 ist ein Open-Source-Frontend-Framework für die Entwicklung von Anwendungen; JQuery ist eine Open-Source-Javascript-Bibliothek für clientseitige Skripte

Bootstrap ist hauptsächlich in HTML, CSS, Less, Saas und JavaScript; Jquery Hauptsächlich in JavaScript geschrieben.

Bootstrap kann CSS-Frameworks verwenden, um die Website anpassbarer zu gestalten, mit einer Vielzahl von Designvorlagen, die für verschiedene Websites verwendet werden können. In Jquery ist es nicht möglich, die Website mit vielen Anpassungen zu entwickeln, es gibt keine Themenvorlagen für die Entwicklung verschiedener Websites.

　Bootstrap ist ein Front-End-Framework, das CSS und einige JQuery-Plug-Ins enthält, daher muss es zusammen verwendet werden.

　Bootstrap ist eine Erweiterung, die auf JQuery basiert. Sie müssen zuerst Juqery einführen. Wenn Sie JQuery nicht einführen, können Sie Bootstrap-Funktionen 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.

Weitere Kenntnisse zum Thema Programmierung finden Sie unter: Einführung in die Programmierung! !

Das obige ist der detaillierte Inhalt vonWas ist der Unterschied zwischen Jquery und Bootstrap?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!