Penjelasan terperinci tentang end() method_jquery jQuery-tutorial js-php.cn

Penjelasan terperinci tentang end() method_jquery jQuery

WBOY

Lepaskan： 2016-05-16 15:50:15

asal

1233 orang telah melayarinya

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");

Salin selepas log masuk

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")

Salin selepas log masuk

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()

Salin selepas log masuk

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>

Salin selepas log masuk

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