站長資訊網(wǎng)
jquery隱藏dl元素的方法：1、利用“$(dl元素)”語句獲取指定的dl元素對象；2、利用hide()方法將獲取到的dl元素對象隱藏起來，語法為“dl元素對象.hide();”。
本教程操作環(huán)境：windows10系統(tǒng)、jquery3.2.1版本、Dell G3電腦。
jquery怎樣隱藏dl元素
我們可以利用hide()方法來隱藏dl元素，我們可以先使用$("dl")語句獲取到了元素的元素對象，然后利用hide()方法將其隱藏起來。
示例如下：
<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>
輸出結果：
相關視頻教程推薦：jQuery視頻教程
