#02：文件设置/链接 jQuery | CSS-Tricks

在本视频教程中，我介绍了在“真实”网站上使用 jQuery 的绝对最基本设置。我们有一个 index.html 文件，其中包含基本的 HTML5 结构。jQuery 作为 <script> 包含在内，然后我们执行一个超级简单的 jQuery 任务。整个文件如下所示

<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Learning jQuery</title>
</head>
<body>
  
  <h1>Hello, World!</h1>

  <script src="js/jquery-2.0.3.js"></script>
  <script>
    $("h1").css("color", "red");
  </script>

</body>
</html>

我想要立即介绍这一点，以便您可以体验使用 jQuery 是多么容易。并且因为在该系列的其余部分，我们将使用 CodePen 进行大量的实时编码。CodePen 只是为我们提供了一个易于使用的测试/演示环境，非常适合视频教程。它在后台所做的工作与我们在这里所做的工作基本相同。我希望这一点能够被理解——因此您不会认为使用 CodePen 是一个与您编写代码方式不同的奇怪/神奇的地方。

与 index.html 文件所做的完全相同的事情在 CodePen 上是这样的

查看 Chris Coyier 在 CodePen 上的笔 7e6827079ef62ec19ed37ea763ef79a1 (@chriscoyier)

评论

发表评论 取消回复

发表评论取消回复