Contoh penggunaan find dan setiap kaedah dalam Jquery_jquery

Contoh dalam artikel ini menerangkan penggunaan find dan setiap kaedah dalam Jquery. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:

1. kaedah find()

Pemilih jquery sangat berkuasa Menggunakan konvensyen penamaan css, anda boleh mencari elemen yang dikehendaki dengan lebih pantas dan lebih mudah.

Contohnya:

$("#id")
$("#"+"id")
$(this)
$(element)

Tunggu, selagi anda menggunakannya secara fleksibel, anda boleh meletup ke dalam bentuk yang kuat.

Namun, dalam penggunaan sebenar, saya masih merasakan terdapat beberapa kekurangan.

Jika anda ingin mencari elemen tertentu di bawah elemen tertentu, hanya bergantung pada kaedah di atas, anda mesti melintasi elemen yang diperolehi oleh $("#id") untuk mendapatkan sub-elemennya. Akibatnya, ia menjadi sangat rumit dan jumlah kod juga sangat besar.

Jadi ini memerlukan penggunaan kaedah find().

$("#id").find("#child");
$("#id").find(".child");
$("#id").find("input[type='image']");

Sangat mudah dan mudah digunakan.

Selain kaedah find() di atas, terdapat juga cara untuk mencari elemen anak.

$(".child",parent);

Kaedah ini mempunyai hasil yang sama dengan kaedah find() dan lebih ringkas.

Mari beri contoh:

function(table){
   $("tr",table).css("background-color","red");
}

Kaedah ini memudahkan penggunaan semula kod dan lebih konsisten dengan penulisan penutupan.

2. setiap () kaedah

Array sering digunakan kadangkala. Sebelum saya mengetahui kaedah each(), jika saya menemui traversal array, saya biasanya akan menulis seperti ini:

var arr = new Array();
arr.push(1);
arr.push(2);
arr.push(3);
for(var i =0;i<arr.length;i++)
{
   (function(m){
      console.log(this);
   })(i);
}

Betapa menyusahkan! ! Sekarang setiap () tersedia, kehidupan menjadi lebih mudah.

Kod di atas hanya memerlukan satu ayat.

var arr = new Array();
arr.push(1);
arr.push(2);
arr.push(3);
 
arr.each(function(){
  console.log(this);
});

Selepas menggunakan setiap satu, struktur serta-merta menjadi ringkas dan elegan.

Saya harap artikel ini akan membantu pengaturcaraan jQuery semua orang.