jQuery样式的类不起作用

jQuery style class not working

本文关键字：不起作用 样式 jQuery      更新时间：2023-09-26

为什么我的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编写时不会增加。我是不是错过了什么？

提前谢谢。

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

不能像以前那样在<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/

将代码更改为：

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

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

您必须更改：

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

尝试放置

       $(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>
相关文章：