Question

以下脚本在div中，这有关系吗？因为它不起作用。语法合适吗？我是否需要告诉jquery首先在DOM中升级？我该怎么做？

        $(document).ready(function() {
          $('body').addClass('diary');
        });

谢谢你们。

以下是HTML中的相关部分：

<body>

  <header>
    <div class="logo">
      <a href=""></a>
    </div>  
    <nav class="main-nav">
      <a class="first" href="http://www.adrianwaddingham.com">HOME</a>
      <a class="second" href="/sheriff">SHERIFF</a>
      <a class="third" href="/biography">BIOGRAPHY</a>
      <a class="fourth" href="/contact">CONTACT</a>     
      <a class="fifth" href="/diary">DIARY</a>     

    </nav>

  </header>

<script>
        $(document).ready(function() {
          $('body').addClass('diary');
        });    
</script>


<section class="copy-main">
  <article>

Answer 1

我知道您正在查看html源代码以检查您添加的正文类。使用javascript进行DOM操作在源代码中不可见，但您可以在浏览器中使用开发人员工具进行检查（Chrome，Firefox和IE都有）。

Answer 2

您的代码完全正确，因为$('body')将搜索整个DOM

Answer 3

脚本没问题。 Diary课程将适用于正文。你能分享一下日记课吗？请检查jQuery是否正确加载，使用像firebug这样的开发工具。

在页面中添加jQuery文件，如下面的Scripts是文件夹，jQuery.js是jQuery文件。如果您已将其包含在页面中，请使用任何开发人员工具检查它是否正确加载。

<script src="Scripts/jQuery.js" type="text/javascript"></script>

或从CDN添加

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>

Answer 4

您的代码看起来很好。点击此处http://jsfiddle.net/muthkum/P5uS2/。使用FireBug或Chrome Inspector检查<body>代码。

确保您已包含jquery文件。

jquery addclass到body标签

4 个答案: