jquery - 隐藏的 div 问题

Question

我有一个 div 我打算像这样隐藏：

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

直到一些 jQuery 代码用数据填充它。这似乎打破了“填充代码”。隐藏仍应允许“填充代码”访问 HTML，还是我遗漏了什么？

Answer 1

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

从文档

这大致相当于调用 .css('display', 'none')，只是 display 属性的值保存在 jQuery 的数据缓存中，以便稍后可以将 display 恢复为其初始值。

您所做的基本上只是告诉网页不要显示您的元素。它仍然是 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"

这是另一个关于如何实现隐藏/显示的有趣问题

Answer 2

hide与破坏您的填充代码无关， hide 只是将 display:none 添加到元素中并且不会将其从 DOM 中删除..所以用其他方法填充它根本不会中断....但是，请检查其他javascript问题...其他问题可能会破坏它..

这是小提琴中的示例

试试这个

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

检查你的控制台..