Rumah > hujung hadapan web > tutorial js > Bagaimana untuk menyembunyikan elemen dl dalam jquery

Bagaimana untuk menyembunyikan elemen dl dalam jquery

WBOY
Lepaskan: 2021-12-13 17:07:57
asal
2450 orang telah melayarinya

Cara menyembunyikan elemen dl dalam jquery: 1. Gunakan pernyataan "$(dl element)" untuk mendapatkan objek elemen dl yang ditentukan 2. Gunakan kaedah hide() untuk menyembunyikan objek elemen dl yang diperoleh. Sintaksnya ialah: "dl element object.hide();".

Bagaimana untuk menyembunyikan elemen dl dalam jquery

Persekitaran pengendalian tutorial ini: sistem windows10, versi jquery3.2.1, komputer Dell G3.

Cara menyembunyikan elemen dl dalam jquery

Kita boleh menggunakan kaedah hide() untuk menyembunyikan elemen dl Kita boleh menggunakan $(. Pernyataan "dl" ) mendapatkan objek elemen elemen, dan kemudian menggunakan kaedah hide() untuk menyembunyikannya.

Contoh adalah seperti berikut:

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $(".btn1").click(function(){
  $("dl").hide();
  });
  $(".btn2").click(function(){
  $("dl").show();
  });
});
</script>
</head>
<body>
<dl>
   <dt>计算机</dt>
   <dd>用来计算的仪器 ... ...</dd>
   <dt>显示器</dt>
   <dd>以视觉方式显示信息的装置 ... ...</dd>
</dl>
<button class="btn1">Hide</button>
<button class="btn2">Show</button>
</body>
</html>
Salin selepas log masuk

Hasil keluaran:

 5.gif

Tutorial video berkaitan yang disyorkan: tutorial video jQuery

Atas ialah kandungan terperinci Bagaimana untuk menyembunyikan elemen dl dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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