本教程操作环境：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元素的显示与隐藏的详细内容。