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)
实例如下所示：
<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>
</head>
<body>
<ul>
<li id="test">可乐</li>
<li>可口可乐</li>
<li>下火茶</li>
</ul>
<button id="anniu">表明与掩藏</button>
<script>
$(function(){
$('#anniu').click(function(){//点击图标
if($('#test').is(':hidden')){//假如现阶段掩藏
$('#test').show();//添加页面
}else{//不然
$('#test').hide();//点一下掩藏
}
})
})
</script>
</body>
</html>输出结果：
有关视频教学强烈推荐：jQuery视频教学
以上就是关于jquery如何控制li元素表明与隐藏具体内容，大量欢迎关注AdminJS其他类似文章！