HTML jQuery 中的元素和 jQuery 中的 CSS 样式

Question

HTML 和 CSS 都知道我。现在我正在努力学习jQuery。我想知道如何在 jQuery 中制作 DIV 然后在 jQuery 中使用 CSS 设置样式？

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

从制作 DIV 到设计样式的所有内容都应该只在 jQuery 中完成。我根本不想使用 HTML。

谢谢

Answer 1

Try this

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

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

Answer 2

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

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

Answer 3

我想下面是你正在看的， 第一个 Jquery 不能替代 html 但您可以操纵 html DOM 个元素。例如，您可以将 html 元素添加到另一个元素。我从另一个 SO 答案中获取了以下代码。首先 select 父元素带有

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

然后使用.append("< div >foo< /div >") 函数。或者，您可以使用 .html()

$("#foo").append("< div > 你好世界 < /div >")

HTML jQuery 中的元素和 jQuery 中的 CSS 样式

HTML Elements in jQuery and CSS styling in jQuery

html

css

jquery

element

stylesheet