Verwendung der JQuery-Definitionsvariablen

In der Front-End-Entwicklung ist es häufig erforderlich, die js-Bibliothek jquery zu verwenden, um verschiedene Funktionen zu implementieren. Auch die Definition und Verwendung von Variablen in jquery gehört zu den Kenntnissen, die wir beherrschen müssen. In diesem Artikel wird die Definition und Verwendung von Variablen in JQuery erläutert.

1. jquery-Variablendefinition

In jquery wird das Schlüsselwort var zum Definieren von Variablen verwendet, wie unten gezeigt:

// 定义一个变量
var num = 1; 

Es unterstützt auch die gleichzeitige Definition mehrerer Variablen, getrennt durch Kommas:

// 定义多个变量
var num = 1, str = "hello world", bool = true;

Das ist erwähnenswert Beim Definieren von Variablen in jquery müssen wir die Variablen nicht initialisieren, dh der Wert der Variablen kann im nachfolgenden Code zugewiesen werden. Wie unten gezeigt:

// 定义一个变量，未初始化
var num;
num = 1; // 给变量赋值

2. Der Bereich von JQuery-Variablen

In JQuery bezieht sich der Bereich einer Variablen auf den zugänglichen Bereich der Variablen. Auf Variablen, die innerhalb einer Funktion definiert sind, kann nur innerhalb der Funktion zugegriffen werden, während auf Variablen, die außerhalb der Funktion definiert sind, durch Code innerhalb der gesamten Datei zugegriffen werden kann.

Im folgenden Code werden beispielsweise die Variablen num1 und num2 innerhalb der Funktion definiert, während die Variable num3 außerhalb der Funktion definiert wird:

function myFunction(){
  var num1 = 1;
  var num2 = 2;
  console.log(num1); // 1
  console.log(num2); // 2
}

var num3 = 3;
console.log(num3); // 3
console.log(num1); // Uncaught ReferenceError: num1 is not defined
console.log(num2); // Uncaught ReferenceError: num2 is not defined

Wie aus dem obigen Code ersichtlich ist, erfolgt der Zugriff auf die Variablen num1 und num2 außerhalb Die Funktion meldet einen Fehler, da sie innerhalb der Funktion definiert sind und außerhalb der Funktion nicht zugänglich sind.

3. Verwendung von JQuery-Variablen

In JQuery ist die Verwendung von Variablen dieselbe wie in anderen Sprachen, verwenden Sie einfach den Variablennamen direkt.

var num = 1;
console.log(num); // 1

Gleichzeitig stellt jquery auch einige spezielle Variablen bereit, wie z. B. $(this), $(document) und $(window) usw.

$(this) stellt das aktuell ausgewählte Element dar, das im Allgemeinen in Ereignisfunktionen verwendet wird:

$("button").click(function(){
  $(this).hide();
});

$(document), stellt das gesamte HTML-Dokument dar und kann den Code ausführen, nachdem das Dokument geladen wurde:

$(document).ready(function(){
  // 要执行的代码
});

$(window ) stellt das Browserfenster dar, das häufig beim Scrollen der Seite verwendet wird:

$(window).scroll(function(){
  // 要执行的代码
});

IV. Zusammenfassung

Dieser Artikel stellt die Definition und Verwendung von Variablen in JQuery vor, einschließlich der Definition von Variablen, des Umfangs und der Verwendung spezieller Variablen. Wenn Sie dieses Wissen beherrschen, können Sie JQuery besser zur Entwicklung von Front-End-Anwendungen nutzen und die Entwicklungseffizienz verbessern.

Das obige ist der detaillierte Inhalt vonVerwendung der JQuery-Definitionsvariablen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!