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

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

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

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

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

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

$(selector).hide(speed,callback)

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

$(selector).show(speed,callback)

示例如下:

芦笋演示 芦笋演示

一键出成片的录屏演示软件,专为制作产品演示、教学课程和使用教程而设计。

芦笋演示 34 查看详情 芦笋演示

  • 雪碧
  • 可乐
  • 凉茶
$(function(){$('#anniu').click(function(){//点击按钮if($('#test').is(':hidden')){//如果当前隐藏$('#test').show();//点击显示}else{//否则$('#test').hide();//点击隐藏}})})

输出结果:

0001.gif

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

以上就是jquery怎样控制li元素的显示与隐藏的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/555270.html

赞 (0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
Linux日志中如何查找特定事件
上一篇 2025年11月9日 22:11:54
composer怎么用视图做动画
下一篇 2025年11月9日 22:11:58

相关推荐

发表回复

登录后才能评论
关注微信