jquery-隐藏和显示_jquery隐藏ul-程序员宅基地

技术标签： hide show toggle jquery隐藏显示 jquery jquery-隐藏和显示

jquery hide() / show()

先上个效果图

通过jquery的hide()show()方法来隐藏/显示html元素

语法：

$(selector).hide(speed,callback);

$(selector).show(speed,callback);

(可选的) speed 参数规定隐藏/显示的速度，可取以下值："slow"、"fast" 或毫秒

(可选的) callback 参数是隐藏/显示完成后执行的函数名称

实例：

<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>
</head>
<body>
<button type="button" οnclick="hide();">隐藏</button>
<button type="button" οnclick="show();">显示</button>
<br/><br/>
<div id="content">这里是一个动态的段落</div>
<script>
  function hide(){
    $("#content").hide();
  }
  function show(){
    $("#content").show();
  }
</script>
</body>
</html>

jquery toggle()

通过jq的toggle()方法来切换hide()和show()方法，实现的效果是hide和show两者的综合

实例：

<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>
</head>
<body>
<button type="button" οnclick="toggle();">隐藏或显示</button>
<br/><br/>
<div id="content">这里是一个动态的段落</div>
<script>
  function toggle(){
    $("#content").toggle();
  }
</script>
</body>
</html>

本文链接：https://blog.csdn.net/fanrenxiang/article/details/78749836

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

关于Canvas中的"The canvas has been tainted by cross-origin data"跨域问题_the canvas has been tainted by cross-origin data.-程序员宅基地

文章浏览阅读1.5w次，点赞4次，收藏6次。在学习Html5中的Canvas时_the canvas has been tainted by cross-origin data.

一款基于 GitHub 的 Web 笔记应用-程序员宅基地

文章浏览阅读369次。【公众号回复 “1024”，免费领取程序员赚钱实操经验】大家好，我是章鱼猫。今天给大家推荐的这款开源项目是基于 GitHub 的 Web 笔记应用，可以根据这个开源项目搭建自己的一个 Web笔记管理工具。这款开源项目，名称为：BatNoter，可将 GitHub 仓库作为个人笔记存储库，并支持笔记分类、搜索、Markdown 快捷编辑与预览、书签管理等内容。允许用户将笔记..._github 个人笔记本项目

windows无法访问vmware搭建好虚拟机linux web服务器_windows无法访问vmware搭建好虚拟机linuxweb服务器-程序员宅基地

文章浏览阅读651次。【前置条件】vmware搭建好虚拟机web服务器，但是本机就是无法访问的解决办法。 linux虚拟机的网络选择Bridged 桥接到本机网卡。具体情况如下：1.本机能ping通虚拟机 2.虚拟机也能ping通本机 3.虚拟机能访问自己的web 4.本机无法访问虚拟机的web 【问题原因】这个情况大多是防火墙屏蔽了80端口导致的，需要对防火墙进行配置。【解决方_windows无法访问vmware搭建好虚拟机linuxweb服务器

Android移动应用技术打地鼠小游戏（简单App实现）——学习成果_android studio 打地鼠课程设计-程序员宅基地

文章浏览阅读1.6w次，点赞5次，收藏16次。Android学习成果之打地鼠小游戏打地鼠小游戏界面下面展示一下我的打地鼠界面打地鼠小游戏界面这款打地鼠小游戏是我学习了各种网课、还有老师上课讲的内容、和一部分大佬的博客，然后加入了自己的一些东西，最后做出来的。做出来之后非常开心，虽然页面很简单，很容易实现，但是也学习到了许多东西，成就感满满！（图片是我从小红书上找的）下面展示一下我的打地鼠界面使用的开发工具为：Android studio..._android studio 打地鼠课程设计

用OpenInventor实现的NeHe OpenGL教程－第四十一课_soqtviewer::processsoevent-程序员宅基地

文章浏览阅读278次。用OpenInventor实现的NeHe OpenGL教程－第四十一课 NeHe教程在这节课向我们介绍了体积雾气特效，这是一种比较新的特效，你的显卡必须支持扩展"GL_EXT_fot_coord"函数。这个特效可以使人产生在雾中漫游的感觉。 OpenInventor目前还不支持体积雾气特效，虽然我们仍然可以按照前面课程的思路，通过创建SoCallback节点来直接调用O_soqtviewer::processsoevent

【selenium】多个class定位方法_selenium 多个class-程序员宅基地

文章浏览阅读4.5k次。【背景】要定位自己想要定位的元素，有时候元素没有合适的ID或其他属性，就想用class试一试，但是class往往不止一个，而是多个class堆叠在一起。【解决办法】此时用driver.findelementsbyclass是无法得到想要结果的，需要用如下形式。eles = driver.find_elements_by_css_selector(".row.mc-my-4.mc-text--bare-link-parent")问题解决..._selenium 多个class