jQuery风格的类不工作

为什么我的jQuery代码不增加字体大小？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写。我错过了什么吗？

在此先感谢。

来源

2012-03-22 user793468

它工作正常，我http://jsfiddle.net/VaJ3b/ – Shyju 2012-03-22 22:43:25

您不能在<script>标签上同时使用src值，并将脚本像您一样放入。使用一个单独的脚本标记为您这样的代码：

<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/

来源

2012-03-22 22:43:52 jfriend00

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

来源

2012-03-22 22:42:50

尝试把

 $(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>

来源

2012-03-22 22:44:20 lifeIsGood

更改代码：

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

</script>

来源

2012-03-22 22:44:25 armandomiani

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

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

来源

2012-03-22 22:45:14 Fabian

你必须改变：

<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>

来源

2012-03-22 22:45:55 SpYk3HH

jQuery风格的类不工作

回答

相关问题