.html(） 在查询中使用 html(） 添加样式

.html() adding styling with html() in query

本文关键字：html 添加 样式 查询      更新时间：2023-09-26

我想使用 .html() 将样式添加到我的网站中。

我试过：

j查询： 

if ($('#checkbox:checked') > 0) {
    $("body").html("
        <style>
            .selected{
                background-image: url('http://www.website.com');
            }
        </style>
    ");
}

但它给了我一个错误说：SyntaxError: unterminated string literal

首先，要在 JavaScript 中使用多行字符串，您必须在每行的末尾添加反斜杠。例：

var str = "This'
           is'
           multiline'
           sting.";

另外，如果你想将html添加到body，而不是替换它，请以这种方式进行：

if ($('#checkbox:checked').length > 0) {
    $("body").append("'
        <style>'
            .selected{'
                background-image: url('http://www.website.com');'
            }'
        </style>'
   ");
}

（我在您的选择器中添加了.length，因为您无法将 0 与数组进行比较）

我没有测试，但它应该有效。

试试这个：

if( $('#checkbox:checked').length > 0 ) {
    $("body").append("'
        <style>'
            .selected{'
                background-image: url('http://www.website.com');'
            }'
        </style>'
    ");
}
你应该

在一行中制作脚本以使其工作：

if ($('#checkbox:checked') > 0) {
    $("body").html("<style>.selected{ background-image: url('http://www.website.com');     } </style> ");
}

或者，您可以将slashes添加到每行的末尾。

简单干净 

$('#checkbox').on('change', function () {
    (this.checked) ? bgVal='url("../images/picture.jpg")' : bgVal='default';
    $(".selected").css('background-image', bgVal);
});

需要在 .selected 类中指定默认值。

相关文章：