Heim > Web-Frontend > Front-End-Fragen und Antworten > So schreiben Sie externe JS, um Jquery aufzurufen

So schreiben Sie externe JS, um Jquery aufzurufen

王林
Freigeben: 2023-05-23 21:06:08
Original
697 Leute haben es durchsucht

Bevor Sie eine externe js-Datei zum Aufrufen der jQuery-Bibliothek verwenden, müssen Sie bestätigen, ob auf der Seite auf die jQuery-Bibliothek verwiesen wurde. Wenn nicht darauf verwiesen wird, müssen Sie zuerst in der HTML-Datei auf die jQuery-Bibliothek verweisen.

Die folgenden Schritte sind für allgemeine externe JS-Dateien zum Aufrufen der jQuery-Bibliothek:

  1. Erstellen Sie eine .js-Datei und speichern Sie sie auf dem Server oder lokalen Host, z. B. sample.js.
  2. In sample.js, Sie Zuerst muss die Funktion „document ready“ von jQuery verwendet werden, um sicherzustellen, dass der DOM-Baum geladen wurde. Der Code lautet wie folgt:
$(document).ready(function(){
    // js代码内容
});
Nach dem Login kopieren
  1. Schreiben Sie in diese Funktion den JS-Code, den Sie ausführen möchten, z. B. das Ersetzen aller Textzeichenfolgen auf der Seite. Der Code lautet wie folgt:
$(document).ready(function(){
    $('body').html($('body').html().replace(/关键词/g, '替换词'));
});
Nach dem Login kopieren
  1. Stellen Sie abschließend das Beispiel vor .js-Datei in der HTML-Datei, der Code lautet wie folgt:
<script src="sample.js" type="text/javascript"></script>
Nach dem Login kopieren

Auf diese Weise wird nach dem Laden der Seite der entsprechende Code in der Datei „sample.js“ automatisch ausgeführt.

Es ist zu beachten, dass Sie, wenn Sie andere Plug-Ins oder Methoden von jQuery in der Datei sample.js verwenden müssen, nach der Einführung der jQuery-Bibliothek andere Plug-Ins oder Methoden einführen müssen, andernfalls ist die jQuery-Funktion möglicherweise nicht verfügbar angerufen.

Das obige ist der detaillierte Inhalt vonSo schreiben Sie externe JS, um Jquery aufzurufen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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