站長(zhǎng)資訊網(wǎng)
jquery隱藏dl元素的方法：1、利用“$(dl元素)”語(yǔ)句獲取指定的dl元素對(duì)象；2、利用hide()方法將獲取到的dl元素對(duì)象隱藏起來(lái)，語(yǔ)法為“dl元素對(duì)象.hide();”。
本教程操作環(huán)境：windows10系統(tǒng)、jquery3.2.1版本、Dell G3電腦。
jquery怎樣隱藏dl元素
我們可以利用hide()方法來(lái)隱藏dl元素，我們可以先使用$("dl")語(yǔ)句獲取到了元素的元素對(duì)象，然后利用hide()方法將其隱藏起來(lái)。
示例如下：
<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>計(jì)算機(jī)</dt> <dd>用來(lái)計(jì)算的儀器 ... ...</dd> <dt>顯示器</dt> <dd>以視覺方式顯示信息的裝置 ... ...</dd> </dl> <button class="btn1">Hide</button> <button class="btn2">Show</button> </body> </html>
輸出結(jié)果：
相關(guān)視頻教程推薦：jQuery視頻教程
