为什么jquery不改变我的背景颜色?

时间:2017-06-26 18:32:05

标签: jquery

以下脚本无法执行

<script type="text/javascript">
 $("mte").css("background-color", "red");
</script>
<body>
<div id='mte'>test 123</div>
</body>

4 个答案:

答案 0 :(得分:2)

当您的脚本运行时,尚未创建标记。将您的脚本放在div标签之后。 jQuery表达式中也缺少哈希符号。

<div id='mte'>test 123</div>
<script type="text/javascript">
    $("#mte").css("background-color", "red");
</script>

否则使用$(document).ready()方法,因此只有在页面加载了所有标记后,脚本才会运行。

<script type="text/javascript">
    $(document).ready(function () {
        $("#mte").css("background-color", "red");
    });
</script>
<div id='mte'>test 123</div>

答案 1 :(得分:0)

y~x+(covariate)

答案 2 :(得分:0)

jQuery选择器不正确。

您应该选择它:

$("#mte")

这是选择带ID的元素。它与CSS完全相同。您试图选择标签名为mte且不存在的HTML元素列表。同样,类选择器前面有句点或句号(.)。

完整代码如下:

$("#mte").css("background": "#ff0000");

此外,如果您多次使用选择,请将选择分配给常量。

const mte = $("#mte");
mte.css("background": "#ff0000");

参见W3 School的jQuery选择指南:https://www.w3schools.com/jquery/jquery_ref_selectors.asp

祝你好运!

答案 3 :(得分:0)

试试这个

<body>
<div id='mte'>test 123</div>
</body>

<script>
 $("#mte").css("background-color", "red");
</script>