Question

我有一个我打算隐藏的div：

$("#bla").hide();

直到一些jQuery代码用数据填充它。这似乎打破了“填充代码”。隐藏应该仍然允许'填充代码'访问HTML或我错过了什么？

Answer 1

是的，隐藏div仍然允许“填充代码”。

来自doc

这大致相当于调用.css（'display'，'none'），除了将display属性的值保存在jQuery的数据缓存中，以便稍后可以将显示恢复到其初始值。

你所做的基本上只是告诉网页不要显示你的元素。它仍然是DOM的一部分。你可以访问它的HTML等。您可以使用.show稍后再显示

例如：

var elem = $("#bla");
elem.hide();//hides the element
elem.text("Hello World");//sets its inner text to "Hello World"
elem.show(); // "Shows the element again"

以下是关于how hide/show is implemented

的另一个有趣问题

Answer 2

hide与破坏填充代码无关，隐藏只是向元素添加display：none并且不会从DOM中删除它。所以用其他方法填充它根本不会破坏。 ...但是，检查其他javascript问题......其他问题可能会破坏它..

这是fiddle

中的示例

试试这个

$("#bla").hide();
$("#bla").text('asdasdasdsds');
console.log($("#bla").text())

检查你的控制台..

隐藏的div问题

2 个答案: