jquery如何隐藏dl元素

这篇文章主要介绍“jquery如何隐藏dl元素”,在日常操作中,相信很多人在jquery如何隐藏dl元素问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”jquery如何隐藏dl元素”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!

成都创新互联是一家专注于成都网站制作、网站建设、外贸网站建设与策划设计,善右网站建设哪家好?成都创新互联做网站,专注于网站建设10多年,网设计领域的专业建站公司;建站业务涵盖:善右等地区。善右做网站价格咨询:18980820575

jquery隐藏dl元素的方法:1、利用“$(dl元素)”语句获取指定的dl元素对象;2、利用hide()方法将获取到的dl元素对象隐藏起来,语法为“dl元素对象.hide();”。

jquery如何隐藏dl元素

本教程操作环境:windows10系统、jquery3.2.1版本、Dell G3电脑。

jquery怎样隐藏dl元素

我们可以利用hide()方法来隐藏dl元素,我们可以先使用$("dl")语句获取到了元素的元素对象,然后利用hide()方法将其隐藏起来。

示例如下:





$(document).ready(function(){
  $(".btn1").click(function(){
  $("dl").hide();
  });
  $(".btn2").click(function(){
  $("dl").show();
  });
});



   
计算机
   
用来计算的仪器 ... ...
   
显示器
   
以视觉方式显示信息的装置 ... ...
Hide Show

输出结果:

jquery如何隐藏dl元素

到此,关于“jquery如何隐藏dl元素”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注创新互联网站,小编会继续努力为大家带来更多实用的文章!


分享标题:jquery如何隐藏dl元素
网站网址:http://cdiso.cn/article/iiiehi.html

其他资讯