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();".
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>
Hasil keluaran:
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!