如何使用Twitter引导程序隐藏元素并使用jQuery显示它？
假设我创建了一个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显示元素的最简单方法是什么？
共有1个答案
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;
}
-
我尝试了下面的代码在移动和桌面上以不同的方式显示。但是两个句子同时显示。
-
本文向大家介绍如何使用animate()，隐藏和显示元素？，包括了如何使用animate()，隐藏和显示元素？的使用技巧和注意事项，需要的朋友参考一下 使用和方法来隐藏和显示元素。 示例 您可以尝试运行以下代码，以了解如何使用方法来隐藏和显示元素：
-
本文向大家介绍jQuery控制元素隐藏和显示，包括了jQuery控制元素隐藏和显示的使用技巧和注意事项，需要的朋友参考一下 1、jQuery隐藏和显示效果 通过 jQuery，您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素： 2、jQuery淡入淡出效果 通过 jQuery，您可以实现元素的淡入淡出效果。 jQuery 拥有下面四种 fade 方法： fadeIn()
-
问题内容： 按下后如何隐藏“编辑”链接？当我按下编辑键时，是否还可以隐藏“ lorem ipsum”文本？ 问题答案：
-
本文向大家介绍jQuery元素的隐藏与显示实例，包括了jQuery元素的隐藏与显示实例的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了jQuery元素的隐藏与显示的方法。分享给大家供大家参考。具体实现方法如下： 希望本文所述对大家的jQuery程序设计有所帮助。
-
我想要一个像这样的Mp3播放器。我的搜索脚本显示每页10个结果。我想为每个搜索结果项插入一个mp3。 > 当我点击播放时，播放器正常打开，当我点击停止时，播放器正常停止，但是当我点击播放并在另一个结果上点击播放时，第一个没有停止，第二个打开正常... 当我点击“播放”时，我需要自动播放mp3；当我点击“停止”时，玩家必须停止。 HTML： 小提琴。