penggunaan pembolehubah definisi jquery

Dalam pembangunan bahagian hadapan, selalunya perlu menggunakan jquery perpustakaan js untuk melaksanakan pelbagai fungsi. Definisi dan penggunaan pembolehubah dalam jquery juga merupakan sebahagian daripada pengetahuan yang perlu kita kuasai. Artikel ini akan menerangkan definisi dan penggunaan pembolehubah dalam jquery.

1. Definisi pembolehubah jquery

Dalam jquery, kata kunci var digunakan untuk mentakrifkan pembolehubah, seperti yang ditunjukkan di bawah:

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

Ia juga menyokong mentakrifkan berbilang pembolehubah pada satu masa, menggunakan koma Hanya pisahkan mereka:

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

Perlu diperhatikan bahawa apabila mentakrifkan pembolehubah dalam jquery, kita tidak perlu memulakan pembolehubah, iaitu, nilai pembolehubah boleh diberikan dalam kod berikutnya. Seperti yang ditunjukkan di bawah:

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

2. Skop pembolehubah jquery

Dalam jquery, skop pembolehubah merujuk kepada julat boleh diakses pembolehubah. Pembolehubah yang ditakrifkan di dalam fungsi hanya boleh diakses dalam fungsi, manakala pembolehubah yang ditakrifkan di luar fungsi boleh diakses melalui kod dalam keseluruhan fail.

Sebagai contoh, dalam kod di bawah, pembolehubah num1 dan num2 ditakrifkan di dalam fungsi, manakala pembolehubah num3 ditakrifkan di luar fungsi:

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

Seperti yang anda boleh lihat daripada kod di atas , di luar fungsi Mengakses pembolehubah num1 dan num2 akan mengakibatkan ralat kerana ia ditakrifkan di dalam fungsi dan tidak boleh diakses di luar fungsi.

3. Penggunaan pembolehubah jquery

Dalam jquery, penggunaan pembolehubah adalah sama seperti dalam bahasa lain, cuma gunakan nama pembolehubah secara terus.

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

Pada masa yang sama, jquery juga menyediakan beberapa pembolehubah khas, seperti $(this), $(document) dan $(window).

$(ini), mewakili elemen yang dipilih pada masa ini, biasanya digunakan dalam fungsi acara:

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

$(dokumen), mewakili keseluruhan dokumen HTML dan boleh melaksanakan kod selepas dokumen itu dimuatkan. :

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

$(tetingkap), mewakili tetingkap penyemak imbas, yang biasa digunakan semasa menatal halaman:

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

4. Ringkasan

Artikel ini memperkenalkan definisi dan penggunaan pembolehubah dalam Kaedah jquery, termasuk definisi pembolehubah, skop, dan penggunaan pembolehubah khas. Menguasai pengetahuan ini boleh menggunakan jquery dengan lebih baik untuk membangunkan aplikasi bahagian hadapan dan meningkatkan kecekapan pembangunan.

Atas ialah kandungan terperinci penggunaan pembolehubah definisi jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!