jquery - 将 CSS 样式引入 jquery 代码

Question

我的代码只工作了一半 - 它带来了字体大小和字体系列，但没有别的 :(。这是 CSS:

#block2 {
    background-color: #99F5F5;
    border: solid;
    border-color: #7AC4C4;
    font-size: 30px;
    font-family: sans-serif;
    width: 355px;
    height: 40px;
}

这是我的 jquery:

$(document).ready(function() {
    $('#btn1').click(function() {
        $("ul").addClass("#block2").append("<li>" + $("#txt1").val() + "</li>");
        $("#txt1").val("").focus();
    });
});

就像我上面说的——当我点击 btn1 时，我附加了一个新的“li”，但 CSS 只带来了字体大小和字体宽度。请帮忙!!当我附加一个新的“li”时，我希望所有#block2 都能正常工作。

Answer 1

在 CSS 中进行更改，您将 block2 声明为 ID # 而不是类 。

.block2 {
    background-color: #99F5F5;
    border: solid;
    border-color: #7AC4C4;
    font-size: 30px;
    font-family: sans-serif;
    width: 355px;
    height: 40px;
}

这是 Jquery:

$(document).ready(function() {
    $('#btn1').click(function() {
        $("ul").addClass("block2").append("<li>" + $("#txt1").val() + "</li>");
        $("#txt1").val("").focus();
    });
});