jquery怎样控制li元素的显示与隐藏
导读:收集整理的这篇文章主要介绍了jquery怎样控制li元素的显示与隐藏,觉得挺不错的,现在分享给大家,也给大家做个参考。jquery控制li元素的显示与隐藏的方法:1、利用show( 方法控制li元素的显示,语法为“$("li" .show(...
收集整理的这篇文章主要介绍了jquery怎样控制li元素的显示与隐藏,觉得挺不错的,现在分享给大家,也给大家做个参考。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元素的显示与隐藏的详细内容,更多请关注其它相关文章!
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: jquery怎样控制li元素的显示与隐藏
本文地址: https://pptw.com/jishu/593164.html