utilisation des variables de définition jquery

Dans le développement front-end, il est souvent nécessaire d'utiliser jquery, une bibliothèque js, pour implémenter diverses fonctions. La définition et l'utilisation des variables dans jquery font également partie des connaissances que nous devons maîtriser. Cet article expliquera la définition et l'utilisation des variables dans jquery.

1. définition de variable jquery

Dans jquery, le mot-clé var est utilisé pour définir des variables, comme indiqué ci-dessous :

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

Il prend également en charge la définition de plusieurs variables à la fois, séparées par des virgules :

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

Il est à noter que , lors de la définition de variables dans jquery, nous n'avons pas besoin d'initialiser les variables, c'est-à-dire que la valeur de la variable peut être attribuée dans le code suivant. Comme indiqué ci-dessous :

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

2. La portée des variables jquery

Dans jquery, la portée d'une variable fait référence à la plage accessible de la variable. Les variables définies à l'intérieur d'une fonction ne sont accessibles que dans la fonction, tandis que les variables définies en dehors de la fonction sont accessibles par code dans l'ensemble du fichier.

Par exemple, dans le code suivant, les variables num1 et num2 sont définies dans la fonction, tandis que la variable num3 est définie en dehors de la fonction :

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

Comme le montre le code ci-dessus, accéder aux variables num1 et num2 à l'extérieur la fonction signalera une erreur, car elles sont définies à l'intérieur de la fonction et ne sont pas accessibles en dehors de la fonction.

3. Utilisation des variables jquery

En jquery, l'utilisation des variables est la même que dans les autres langages, utilisez simplement le nom de la variable directement.

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

En même temps, jquery fournit également des variables spéciales, telles que $(this), $(document) et $(window), etc.

$(this), représente l'élément actuellement sélectionné, généralement utilisé dans les fonctions d'événement :

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

$(document), représente l'intégralité du document HTML, et peut exécuter le code une fois le document chargé :

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

$(window ) , représente la fenêtre du navigateur, couramment utilisée lors du défilement de la page :

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

IV. Résumé

Cet article présente la définition et l'utilisation des variables dans jquery, y compris la définition des variables, la portée et l'utilisation des variables spéciales. La maîtrise de ces connaissances permet de mieux utiliser jquery pour développer des applications frontales et améliorer l'efficacité du développement.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!