假设我创建了一个HTML元素,
<div id="my-div" class="hidden">Hello, TB3</div>
<div id="my-div" class="hide">Hello, TB4</div>
<div id="my-div" class="d-none">Hello, TB4</div>
如何从jQuery/JavaScript中显示和隐藏HTML元素。
JavaScript：
$(function(){
$("#my-div").show();
});
结果：（任何一种）。
我想把上面的元素隐藏起来。
使用Bootstrap隐藏元素并使用jQuery显示元素的最简单方法是什么？
Bootstrap 4.x使用了新的.d-none类。如果您使用的是Bootstrap 4.x，请使用.d-none来代替.hidden或.hidden。
<div id="myId" class="d-none">Foobar</div>
$（“#myid”）.removeClass(d-none')；$（“#myid”）.addClass('d-none')；$（“#myid”）。toggleClass(d-none')；（感谢方明的评论）
首先，不要使用.hide！使用.hiddit。正如其他人所说的,不推荐使用.hide,
.hide是可用的，但它并不总是影响屏幕阅读器，因此从V3.0.1开始就不推荐使用
其次，使用jQuery的.toggleClass()、.addClass()和.removeClass（）
<div id="myId" class="hidden">Foobar</div>
$（“#myid”）.removeClass（“hidden”）；$（“#myid”）.addClass（“hidden”）；$（“#myid”）。toggleClass（“hidden”）；不要使用css类.show，它有一个非常小的用例。show、hidding和invisible的定义在文档中。
// Classes
.show {
display: block !important;
}
.hidden {
display: none !important;
visibility: hidden !important;
}
.invisible {
visibility: hidden;
}
