jQuery定義変数の使用法

フロントエンド開発では、さまざまな機能を実装するために JS ライブラリ jquery を使用する必要があることがよくあります。 jquery での変数の定義と使用も、習得する必要がある知識の一部です。この記事ではjqueryにおける変数の定義と使い方について解説します。

1. jquery 変数の定義

jquery では、以下に示すように、var キーワードを使用して変数を定義します:

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

カンマを使用して、一度に複数の変数を定義することもできます。それらを区切るだけです:

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

jquery で変数を定義する場合、変数を初期化する必要はありません。つまり、変数の値は後続のコードで割り当てることができます。以下に示すように:

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

2. jquery 変数のスコープ

jquery では、変数のスコープは変数のアクセス可能な範囲を指します。関数内で定義された変数は関数内でのみアクセスできますが、関数の外で定義された変数はファイル全体内のコードからアクセスできます。

たとえば、次のコードでは、変数 num1 と num2 は関数内で定義されていますが、変数 num3 は関数の外で定義されています。

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

上記のコードからわかるように、 、関数の外 変数 num1 と num2 は関数内で定義されており、関数の外からはアクセスできないため、これらの変数にアクセスするとエラーが発生します。

3. jquery 変数の使用

jquery では、変数の使用方法は他の言語と同じで、変数名を直接使用するだけです。

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

同時に、jquery は $(this)、$(document)、$(window) などの特別な変数も提供します。

$(this)、現在選択されている要素を表します。通常はイベント関数で使用されます。

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

$(document)、HTML ドキュメント全体を表し、ドキュメントが作成された後にコードを実行できます。 :

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

$(window)、ページをスクロールするときによく使用されるブラウザ ウィンドウを表します:

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

4. まとめ

この記事では、定義と使用方法を紹介します。変数定義、スコープ、特殊変数の使用など、jquery メソッド内の変数の説明。この知識を習得すると、jquery をより適切に使用してフロントエンド アプリケーションを開発し、開発効率を向上させることができます。

以上がjQuery定義変数の使用法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。