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風格的類不工作

回答

相關問題