jQuery中的HTML元素和jQuery中的CSS样式[关闭]答案

【问题标题】：HTML Elements in jQuery and CSS styling in jQuery [closed]jQuery中的HTML元素和jQuery中的CSS样式[关闭]
【发布时间】：2015-02-14 05:25:42
【问题描述】：

我熟悉 HTML 和 CSS。现在我正在尝试学习 jQuery。我想知道如何在 jQuery 中制作一个 DIV，然后在 jQuery 中使用 CSS 对其进行样式设置？

我在谷歌上搜索了很多，但在那里找不到任何帮助。我希望你能帮助我。

从创建 DIV 到设置样式的所有内容都只能在 jQuery 中完成。我根本不想使用 HTML。

谢谢

【问题讨论】：

在 jquery 中创建一个 div：[stackoverflow.com/questions/867916/… 在 jquery 中设置您的 div：[stackoverflow.com/questions/19581763/… [1]:stackoverflow.com/questions/867916/… [2]:stackoverflow.com/questions/19581763/…
所以它就像你想创建一个
标签并且你不想在任何地方提到
。 ???
仅使用 jQuery 而非 HTML 来制作 DIV。

【解决方案1】：

此示例将一个 div 附加到父容器，并为其添加一些 css 样式。

$(document).ready(function(){
  var theNewDiv = $("<div id='mydiv'>").appendTo("body");
  theNewDiv.css({"height": "100px", "width": "100px", "background-color":"blue"});
});

&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"&gt;&lt;/script&gt;

【讨论】：

我实际上需要在 jQuery 中完成所有工作，而不使用 HTML...？
您可以使用 jQuery 创建一个 div 并为其设置样式，但您仍然需要一个有效的 HTML 容器来附加您的 div，即使它只是 $("body").append("
");
您可以将它附加到 BODY 上吗？
是的，$("body").append() 方法应该可以工作。
能否在sn-p的帮助下给我看一下？

【解决方案2】：

试试这个

<script>
$(document).ready(function(){
    $("button").click(function(){
        $("#divid").css("background-color", "yellow");
    });
});
</script>

<div id="divid">This is a paragraph.</div>

【讨论】：

这是一段，我在找DIV我的朋友。

【解决方案3】：

我认为以下是您正在查看的内容， 第一个 Jquery 不是 html 的替代品 但您可以操作 html DOM 元素。例如，您可以将 html 元素添加到另一个元素。我从另一个 SO 答案中获取了以下代码。首先选择带有类似

的父元素

$("#id")、$("element") 或 $(".class")

然后使用 .append("foo

") 函数。或者，您可以使用 .html()

$("#foo").append("

hello world