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

Penjelasan terperinci tentang end() method_jquery jQuery

WBOY
Lepaskan: 2016-05-16 15:50:15
asal
1256 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.

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan