masyarakat

Belajar

Perpustakaan Alatan

Alat AI

Masa lapang

Melayu

Rumah > hujung hadapan web > tutorial js > jQuery menggunakan kaedah hide untuk menyembunyikan contoh_jquery penggunaan gaya kelas elemen yang ditentukan

jQuery menggunakan kaedah hide untuk menyembunyikan contoh_jquery penggunaan gaya kelas elemen yang ditentukan

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Lepaskan： 2016-05-16 16:07:02

asal

2173 orang telah melayarinya

Artikel ini menerangkan contoh jQuery menggunakan kaedah hide untuk menyembunyikan penggunaan gaya kelas bagi elemen tertentu. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:

Kod JS berikut boleh menyembunyikan semua elemen yang atribut kelasnya sama dengan ujian

<!DOCTYPE html>
<html>
<head>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
 $("button").click(function(){
  $(".test").hide();
 });
});
</script>
</head>
<body>
<h2 class="test">This is a heading</h2>
<p class="test">This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>Click me</button>
</body>
</html>

Salin selepas log masuk

Saya harap artikel ini akan membantu pengaturcaraan jQuery semua orang.

Label berkaitan：

jquery bersembunyi

sumber：php.cn

Artikel sebelumnya：jquery menggunakan kaedah hide untuk menyembunyikan elemen dengan id_jquery yang ditentukan Artikel seterusnya：Kaedah JS untuk mengawal kemahiran alignment_javascript teks baris jadual

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

Artikel terbaru oleh pengarang