Überprüfen Sie die jQuery-Version in einem Benutzerbrowser
-
Holen Sie sich die jQuery-Version mit dem Operator
typeof -
Holen Sie sich die jQuery-Version mit dem
window-Objekt
Dieser Artikel lehrt zwei Methoden, um eine jQuery-Version auf einer Webseite zu erhalten. Die erste Methode überprüft die Version, wenn die Webseite jQuery geladen hat, während die zweite Methode die Version überprüft, wenn jQuery im window-Objekt vorhanden ist.
Holen Sie sich die jQuery-Version mit dem Operator typeof
Wenn eine Webseite die jQuery-Bibliothek lädt, wird sie über das Schlüsselwort jQuery oder das Dollarzeichen ( $) verfügbar. Damit können Sie mit dem Operator typeof prüfen, ob $ oder jQuery existiert.
Wenn die Prüfung true zurückgibt, existiert jQuery im Webbrowser, sodass Sie die Versionsnummer drucken können.
Das haben wir im folgenden Code getan. Es folgt die Ausgabe in einem Webbrowser.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>01-get-jQuery-version</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js" integrity="sha512-aVKKRRi/Q/YV+4mjoKBsE4x3H+BkegoM/em46NNlCqNTmUYADjBbeNefNxYV7giUp0VxICtqdrbqU7iVaeZNXA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
</head>
<body>
<script>
// Check if jQuery exists using the typeof
// operator. The code in the if block will
// run ONLY if jQuery exists in the user's
// web browser
if (typeof jQuery !== undefined) {
// Show the jQuery version number in the
// alert dialog box.
alert("The current jQuery version is: " + jQuery.fn.jquery);
}
</script>
</body>
</html>
Ausgang:
Holen Sie sich die jQuery-Version mit dem window-Objekt
Wenn ein Webbrowser die jQuery-Bibliothek geladen hat, wird sein Alias im Objekt window verfügbar. Mit diesem Wissen können Sie jQuery im Objekt window überprüfen und die Versionsnummer erhalten.
Im Gegensatz zu unserem vorherigen Beispiel erhalten wir die Version mit jQuery().jquery. Wohlgemerkt, dies erzeugt ein Objekt, wenn Sie das also nicht wollen, verwenden Sie unser erstes Beispiel.
Im Folgenden prüfen wir, ob das Objekt window jQuery enthält, bevor wir die Version drucken.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>02-get-jQuery-version</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js" integrity="sha512-aVKKRRi/Q/YV+4mjoKBsE4x3H+BkegoM/em46NNlCqNTmUYADjBbeNefNxYV7giUp0VxICtqdrbqU7iVaeZNXA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<style>
body {
background-color: #1a1a1a;
}
</style>
</head>
<body>
<script>
// Check if jQuery exists in the window
// object.
if (window.jQuery) {
// Show the jQuery version number in the
// alert dialog box.
alert("The current jQuery version is: " + jQuery().jquery);
}
</script>
</body>
</html>
Ausgang:
Habdul Hazeez is a technical writer with amazing research skills. He can connect the dots, and make sense of data that are scattered across different media.
LinkedIn