Jquery 如何动态创建内容并将其添加到DOM中

我可以创建一个内容并将其添加到DOM中，如下所示：

var $div = $('<div />');
$div.attr('id', 'my-awesome-div');

---

这个div被创建并添加到DOM中，因为它可以在检查页面时看到，但在查看页面源代码时不会显示。是否有任何方法可以动态创建内容，使其也可以在源代码中显示

Inspect元素-显示DOM的当前状态，包括动态生成的元素。查看源代码-仅显示原始DOM，它是由页面的html输出创建的，没有动态元素

是否有任何方法可以在运行中创建内容 是否也在源代码中显示

---

话虽如此，动态内容也可以由服务器端语言（如PHP、Java等）生成。

Inspect元素-显示DOM的当前状态，包括动态生成的元素。查看源代码-仅显示原始DOM，它是由页面的html输出创建的，没有动态元素

是否有任何方法可以在运行中创建内容 是否也在源代码中显示

---

话虽如此，动态内容也可以由服务器端语言（如PHP）生成，Java等。

除非您使用Firefox的Firebug或Google Chrome的inspector等开发工具，否则您不能使用。

除非您使用Firefox的Firebug或Google Chrome的inspector等开发工具。

查看页面源代码将仅显示所显示文件的静态内容。 Inspect elemnet还将显示所有动态生成的元素

同样，一种简写方法如下：

var $div = $('<div />',{'id':'my-awesome-div'});

---

“查看页面源”将仅显示所显示文件的静态内容。 Inspect elemnet还将显示所有动态生成的元素

同样，一种简写方法如下：

var $div = $('<div />',{'id':'my-awesome-div'});

是否有任何方法可以动态创建内容，使其也可以在源代码中显示

简单的答案是

不 页面源代码是第一次创建的，并且不会更改

是否有任何方法可以动态创建内容，使其也可以在源代码中显示

简单的答案是

不

---

页面源代码是第一次创建的，它没有改变

是的，我想到了这一点，但我正在创建一个小部件，用户将在他们的网站上使用，我无法控制他们的服务器使用PHP或Java。谢谢你的解释。如果是这样的话，小部件将不会出现在他们的源代码中。为什么你需要它出现在那里？这是一个动态创建的谷歌丰富的代码片段。谷歌无法阅读它，所以我猜这是因为div没有显示在源代码中耶。。。机器人今天不会读了。谁知道呢，也许他们迟早也会开始阅读JS动态内容。是的，我想到了，但我正在创建一个小部件，用户将在他们的网站上使用，我无法控制他们的服务器使用PHP或Java。谢谢你的解释。如果是这样的话，小部件将不会出现在他们的源代码中。为什么你需要它出现在那里？这是一个动态创建的谷歌丰富的代码片段。谷歌无法阅读它，所以我猜这是因为div没有显示在源代码中耶。。。机器人今天不会读了。谁知道呢，也许他们迟早也会开始阅读JS动态内容。