Question

我正在尝试将jQuery包含在我的HTML文件中，但我还没有成功..我知道互联网上有很多教程和内容（和这个网站！）但它仍然无法正常工作。这是我在HTML文件中的代码。

<!DOCTYPE html>
<html>
<head>  
<link type="text/css" rel="stylesheet" href="global.css"/>  
<script type="text/javascript" src="jquery-2.0.3.min.js"></script>      
<title>test</title>
</head>
<body>
  <script>
    $(document).ready(function() {
        $("p").css("font-size:50px");
    };
  </script>
<p id="first">Hello there!</p>
</body>
</html>

我只是不明白为什么没有发生.. 如果有人可以帮我解决这个问题会很棒！

Answer 1

您没有正确使用jQuery css()函数。你也错过了一个右括号。尝试将其更改为：

<script>
$(document).ready(function() {
    $("p").css("font-size", "50px");
});
</script>

您应始终以该格式使用.css('property-name', 'property-value')以获得最佳效果。还有其他方法（对象属性）但它们的语法略有不同，并且不直接符合预期的vanilla CSS属性名称。

jQuery API reference - .css()

如果不能解决问题，请检查以确保您的jquery文件与HTML页面位于同一目录中。或者（可能更好）只需将其替换为其他答案推荐的CDN电话（例如，将<script type="text/javascript" src="jquery-2.0.3.min.js"></script>中的head替换为<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.js"></script>）。

Answer 2

语法错误很小。替换：

$(document).ready(function() {
        $("p").css("font-size:50px");
    };

有了这个：

$(document).ready(function() {
        $("p").css("font-size", "50px");
    });

您忘记关闭括号，.css()函数需要两个参数。

Answer 3

您错过了正确关闭代码。你错过了);。此外，css方法在您的版本中也略有不同。参数应为属性名称，属性值。

试试这个

$(document).ready(function() {
   $("p").css("font-size","50px");
});

工作样本：http://jsbin.com/AfAjihiP/1/

Answer 4

你可以做两件事之一。您可以使用cdn版本并将其链接如下：

或

<script type="text/javascript" src="jquery-2.0.3.min.js"></script＆GT;确保文件位于项目的根目录中之后。你也应该：

<script>
$(document).ready(function() {
    $("p").css("font-size", "50px");
});
</script>

而不是你现在拥有的。

Answer 5

不要写几个代码：而不是$(document).ready使用$，它可以运作：

所以：

$(function() {
        $("p").css({"font-size": "50px"});
  });

或

$(function() {
        $("p").css("font-size", "50px");
});

如何在HTML中包含jQuery

5 个答案: