jquery控制li元素的显示与隐藏的方法：1、利用show()方法控制li元素的显示，语法为“$("li").show()”；2、利用hide()方法控制li元素的隐藏，语法为“$("li").hide()”。

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

jquery怎样控制li的显示与隐藏

在jquery中，可以通过show()方法和hide()方法来控制li的显示与隐藏，hide()方法如果被选的元素已被显示，则隐藏该元素。语法为：

$(selector).hide(speed,callback)

show()方法如果被选元素已被隐藏，则显示这些元素，语法为：

$(selector).show(speed,callback)

示例如下：

jQuery 1.12.4

jQuery 1.12.4是jQuery 1.x系列的最后一个正式稳定版本，由jQuery团队于2016年发布。该版本主要面向需要兼容旧版浏览器环境的网站和Web应用，尤其适用于仍需支持Internet Explorer 6、Internet Explorer 7、Internet Explorer 8等老旧浏览器的项目。

下载

html>


<script></script>

  
• 雪碧
  
• 可乐
  
• 凉茶

显示与隐藏 <script> $(function(){ $('#anniu').click(function(){//&#28857;&#20987;&#25353;&#38062; if($('#test').is(':hidden')){//&#22914;&#26524;&#24403;&#21069;&#38544;&#34255; $('#test').show();//&#28857;&#20987;&#26174;&#31034; }else{//&#21542;&#21017; $('#test').hide();//&#28857;&#20987;&#38544;&#34255; } }) }) </script>

输出结果：

相关视频教程推荐：jQuery视频教程