2015-06-01 66 views
-1

如何從jQuery的(外部JavaScript文件)添加一個CSS類(外部樣式表)?從jQuery的(包括外部文件)添加CSS類

這裏是我的jQuery代碼:

$(this).addClass('myClass'); 

這裏是我的CSS代碼:

.myClass{ 
    background-color: blue; 
} 

這裏是我的文件結構:

C:. 
└───MyProject 
    │ index.html 
    │ 
    ├───resources 
    │ ├───css 
    │ │  style.css 
    │ │ 
    │ └───js 
    │   script.js 
    │ 
    └───vendors 
     │ 
     ├───jquery 
     │  jquery-1.11.2.min.js 

,這裏是有HTML鏈接標籤:

<link rel="stylesheet" href="resources/css/style.css" /> <script 
src="vendors/jquery/jquery-1.11.2.min.js"></script> <script 
src="resources/js/script.js"></script> 
+0

使鏈接標籤顯示的問題,你需要的代碼 – MultiplyByZer0

+0

開始前把斷行是您的jQuery的文檔準備調用中或在文件的結尾? – j08691

回答

1

它不關心你的文件結構如何。只要你正確加載你的CSS,你的風格將被應用到你的HTML。

+0

+1我的樣式已經在html中工作。不過,我創建了新的類上面的'myClass'但我不能夠使用它 – Sparky

+0

@Sparky嘗試'的console.log($(本));',看看是否$(這)是你想要 –

+1

元素@Sparky或檢查你正在添加的類的元素。很可能你沒有添加'myClass'。檢查控制檯是否有任何錯誤 –