Question

为什么我的jQuery代码没有增加字体大小？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <style type="text/css">
      a.test { font-size:40px; }
    </style>

    <script type="text/javascript" src="Scripts/jquery-1.4.1.js">
      $(document).ready(function(){
        $("a").addClass("test");
      });
    </script>

    <title></title>
  </head>
  <body>
    <a href="http://jquery.com/">jQuery</a>
  </body>
</html>

如果我在元素a中编写样式类，字体大小会增加，但是当我使用jQuery编写它时。我错过了什么吗？

提前致谢。

Answer 1

您无法在具有src属性的脚本标记内添加JS代码。相反，请立即关闭该脚本标记，然后为要运行的代码启动一个新标记。

Answer 2

您不能在src标记上同时使用<script>值，也不能像完成任务一样将脚本放入其中。为您的代码使用单独的脚本标记，如下所示：

<script type="text/javascript" src="Scripts/jquery-1.4.1.js"></script>
<script type="text/javascript">
$(document).ready(function(){
     $("a").addClass("test");
 });
</script>

完成后，您可以看到代码在此处运行：http://jsfiddle.net/jfriend00/ndvDs/

Answer 3

尝试输入

       $(document).ready(function(){
        $("a").addClass("test");
         });

进入自己的脚本。

所以你最终得到：

      <script type="text/javascript" src="Scripts/jquery-1.4.1.js"></script>

和

      <script type="text/javascript">
        $(document).ready(function(){
        $("a").addClass("test");
         });
      </script>

Answer 4

将代码更改为：

<script type="text/javascript" src="Scripts/jquery-1.4.1.js"></script>
<script type="text/javascript">
$(document).ready(function(){
     $("a").addClass("test");
});

</script>

Answer 5

<script type="text/javascript" src="Scripts/jquery-1.4.1.js"></script>

<script type="text/javascript">
$(document).ready(function(){
    $("a").addClass("test");
});
 </script>

Answer 6

你必须改变：

 <script type="text/javascript" src="Scripts/jquery-1.4.1.js">

$(document).ready(function(){
         $("a").addClass("test");
     });

 </script>

更像是：

    <script type="text/javascript" src="Scripts/jquery-1.4.1.js"></script>
    <script type="text/javascript">
        $(function(){ // this is like window.onload = function(){...
            $("a").addClass("test");
        })
    </script>

jQuery样式类不起作用

6 个答案: