cari

Rumah >hujung hadapan web >tutorial js >Penjelasan terperinci tentang end() method_jquery jQuery

Penjelasan terperinci tentang end() method_jquery jQuery

WBOY
WBOYasal
2016-05-16 15:50:151260semak imbas

Takrif dan penggunaan kaedah end():

Kaedah

end() boleh kembali ke operasi "memusnahkan" terakhir, iaitu menukar senarai elemen padanan kepada keadaan sebelumnya.
Jika tiada operasi yang merosakkan set kosong akan dikembalikan.
Konsep operasi pemusnah: merujuk kepada sebarang operasi yang mengubah elemen yang dipadankan. Mungkin semua orang kabur tentang konsep ini. Berikut adalah contoh: 

$("li").css("color","red");

Fungsi CSS dalam kod di atas bukanlah operasi yang merosakkan, kerana senarai elemen padanan tidak berubah, tetapi sifat CSS kandungan teks dalam elemen diubah. 

$("li").find(".first")

Kod di atas adalah operasi yang merosakkan kerana senarai elemen padanan telah berubah Contohnya, jika terdapat tiga elemen li, maka senarai elemen padanan mempunyai tiga elemen Namun, selepas menapis menggunakan kaedah find(). hanya terdapat satu senarai elemen yang sepadan, ini bermakna operasi "memusnahkan" telah berlaku.
Struktur tatabahasa:

$(selector).end()

Contoh kod:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>脚本之家</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript"> 
$(document).ready(function(){ 
 $(".first").find(".div").css("color","green"); 
 $(".second").find(".div").end().css("color","blue"); 
 $(".third").find(".js").css("color","blue").end().css("color","red") 
}) 
</script>
</head>
<body>
<div>
 <ul class="first">
  <li>HTML专区</li>
  <li>Javascript专区</li>
  <li class="div">Div+Css专区</li>
  <li>Jquery专区</li>
 </ul>
 <ul class="second">
  <li>HTML专区</li>
  <li>Javascript专区</li>
  <li class="div">Div+Css专区</li>
  <li>Jquery专区</li>
 </ul>
 <ul class="third">
  <li>HTML专区</li>
  <li class="js">Javascript专区</li>
  <li>Div+Css专区</li>
  <li>Jquery专区</li>
 </ul>
</div>
</body>
</html>

Di atas adalah keseluruhan kandungan artikel ini, saya harap anda semua menyukainya.

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：jQuery hanya melaksanakan format_jquery e-mel pengesahanArtikel seterusnya：jQuery hanya melaksanakan format_jquery e-mel pengesahan

Artikel berkaitan

Lihat lagi