Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >Bagaimana untuk menyembunyikan div berdasarkan id dalam jquery
Bagaimana untuk menyembunyikan div berdasarkan id dalam jquery
- WBOYasal
- 2022-06-01 18:59:403528semak imbas
Kaedah: 1. Gunakan pemilih "#id" untuk mendapatkan objek elemen dengan id yang ditentukan, sintaksnya ialah "$("#specified id value""); 2. Gunakan kaedah hide(). atau toggle() Kaedah boleh menyembunyikan objek elemen dengan id yang ditentukan Sintaksnya ialah "elemen object.hide()" atau "element object.toggle()".
Persekitaran pengendalian tutorial ini: sistem windows10, versi jquery3.2.1, komputer Dell G3.
Cara jquery menyembunyikan div berdasarkan id
1 Gunakan pemilih id untuk mendapatkan elemen
Pemilih #id memilih elemen dengan id yang ditentukan.
id merujuk kepada atribut id bagi elemen HTML.
Nota: Atribut id mestilah unik dalam dokumen.
Nota: Jangan gunakan atribut id bermula dengan nombor! Ini boleh menyebabkan masalah dalam sesetengah penyemak imbas.
Sintaks
$("#id")2. Sembunyikan elemen
kaedah hide() menyembunyikan elemen yang dipilih.
Petua: Ini serupa dengan paparan sifat CSS:none.
Sintaks
$(selector).hide(speed,easing,callback)
kaedah togol() menyembunyikan elemen
bertukar antara hide() dan show() pada elemen yang dipilih .
Kaedah ini menyemak status boleh dilihat bagi elemen yang dipilih. Jika elemen tersembunyi, show() dijalankan, jika elemen kelihatan, hide() dijalankan - ini mencipta kesan togol.
Nota: Elemen tersembunyi tidak akan dipaparkan sepenuhnya (tidak lagi menjejaskan reka letak halaman).
Petua: Kaedah ini boleh digunakan untuk bertukar antara fungsi tersuai.
Sintaks
$(selector).toggle(speed,easing,callback)
Contoh adalah seperti berikut:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>132</title>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$(".btn1").click(function(){
$("#p1").hide();
});
$(".btn2").click(function(){
$("#p1").show();
});
});
</script>
</head>
<body>
<p id="p1">这是一个段落。</p>
<button class="btn1">隐藏</button>
<button class="btn2">显示</button>
</body>
</html>Hasil keluaran:
Cadangan tutorial Video Berkaitan: Tutorial video jQuery
Atas ialah kandungan terperinci Bagaimana untuk menyembunyikan div berdasarkan id dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!