cari

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

WBOY
WBOYasal
2016-05-16 16:07:022170semak imbas

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>

Saya harap artikel ini akan membantu pengaturcaraan jQuery semua orang.

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 menggunakan kaedah hide untuk menyembunyikan elemen dengan id_jquery yang ditentukanArtikel seterusnya：jquery menggunakan kaedah hide untuk menyembunyikan elemen dengan id_jquery yang ditentukan

Artikel berkaitan

Lihat lagi