jquert实现多个同名class元素点击时判断元素的display属性,显示则隐藏 隐藏则显示
时间: 2023-11-27 10:03:47 浏览: 118
集成成像三维显示系统立体深度的研究
您可以使用 jQuery 的 toggle() 方法。首先,选择您需要点击的元素,使用同名 class 选择器。然后,编写一个点击事件处理程序,使用 jQuery 的 attr() 和 css() 方法来切换元素的 display 属性。
示例代码:
HTML:
```
<div class="box">Box 1</div>
<div class="box">Box 2</div>
<div class="box">Box 3</div>
```
CSS:
```
.box {
display: none;
}
```
JavaScript:
```
$('.box').click(function() {
if ($(this).css('display') == 'none') {
$(this).css('display', 'block');
} else {
$(this).css('display', 'none');
}
});
```
这段代码将为所有具有“box”类的元素添加一个点击事件处理程序。当您单击其中一个元素时,它将切换其 display 属性:如果它当前隐藏,则它将显示,反之亦然。
阅读全文