为什么我不能使用 jQuery 功能答案

【问题标题】：Why I cant use jQuery functionality为什么我不能使用 jQuery 功能
【发布时间】：2015-03-15 12:01:13
【问题描述】：

我在 /opt/lampp/htdocs 目录中有 jquery-2.1.3.js 库，为了测试它，我将它包含在一个 html 文件中

<html>
    <body>
        <p>Some paragraph</p>
        <script src="jquery-2.1.3.js">
            $("p").css("color","orange")
            $("body").css("background","#00ff00")
        </script>
   </body>
</html>

据此，我希望将</p> 标签中的所有文本更改为橙色并将</body> 背景设置为绿色，但我得到的只是简单的输出：Some paragraph 默认颜色和默认背景。为什么这不起作用？

【问题讨论】：

完全可以理解的错误，script 元素以这种方式工作是完全合理的。他们没有，但他们这样做是合理的。

标签： javascript jquery html dom

【解决方案1】：

script elements 可以具有src 属性或内容，但不能同时具有。如果两者都有，则内容将被忽略（内容被视为“脚本文档”，而不是代码）。

为您的 jQuery 脚本使用另一个脚本块

<script src="jquery-2.1.3.js">
</script>
<script>
    $("p").css("color","orange")
    $("body").css("background","#00ff00")
</script>

【讨论】：

@underscore：只要元素是由 HTML above 包含对其进行操作的代码的脚本标记定义的，该元素就可用于该代码。它甚至可以在它之后立即，但实际上最好将脚本放在最后，在结束</body> 标记之前。