javascript - 我的 jQuery 链接不正确

Question

这个网站上有很多标题相同的帖子，但没有一个能帮助解决我的问题。我试图用 jQuery 做一件简单的事情，但它什么也没做，这让我相信 jQuery 甚至没有正确链接。但我正在做我一直在做的事情。它应该更改此 div 中的无序列表以将其背景颜色更改为橙​​色。不过，它根本没有改变。我什至尝试使用 console.log 来查看是否可行。它没有。有人可以检查一下吗？

---

我的代码:

<script src="jquery-1.12.0.js">
    $(document).ready(function() {
        console.log("Why isn't this working?")
        $("#contentleft ul").css("background-color", "#FFA500");
    });
</script>

<div id="contentleft">
    <h3>My List Is Awesome</h3>
    <ul>
        <li><a href="http://www.fullsail.com">Full Sail</a></li>
        <li><a href="http://www.cnn.com">CNN</a></li>
        <li><a href="http://www.youtube.com">YouTube</a></li>
        <li>No link here.</li>
    </ul>
</div>

Answer 1

你不能把代码放在<script>里面具有 src 的标签.

使用两个脚本标签

<script src="jquery-1.12.0.js"></script>

<script>
    $(document).ready(function() {
        console.log("Why isn't this working?")
        $("#contentleft ul").css("background-color", "#FFA500");
    });
</script>