jQuery中隐藏元素的hide方法如何使用？

本文共计1117个文字，预计阅读时间需要5分钟。

目录 + jQuery隐藏元素的hide方法 + jQuery设置元素的显示、隐藏 + 1.show()、hide() + 2.display + 3.visibility + jQuery隐藏元素的hide方法 + 当我们想要隐藏页面中的某个元素时，会想到使用css样式中的hover

目录

• jQuery隐藏元素的hide方法
• jquery设置元素的显示、隐藏
• 1.show()、hide()
• 2.display
• 3.visibility

jQuery隐藏元素的hide方法

在我们想要隐藏页面中的某个元素时，我们会想到使用css样式中的hover伪类。通过给元素设置hover属性从而达到一个隐藏效果。

但是这个方法只适用于隐藏少部分的元素，在后期我们还想要将其他元素进行隐藏的时候会很麻烦，需要一个一个的添加属性。

接下来我们将学会如何使用jQuery隐藏元素hide。

首先先搭建好页面基础样式，放几个button标签作为按钮：

其次我们给标签设置css样式，button标签我们用作为点击事件的。

div标签就作为我们需要隐藏的元素。

我们需要实现的效果是，当我们点击它们相对应的按钮时会触发相对应的效果。

当我们点击到方块一的隐藏元素按钮时，我们的div1方块就要进行一个隐藏操作，点击显示按钮时div1方块就要显示出来。