2012-12-28 80 views
-1

我該如何設置css()以下代碼?我試過了,但它不起作用!JQuery&CSS - css()不工作

我尋找一種方法來做到這一點,但仍然無法找到它!甚至在這裏:http://api.jquery.com/css/

不工作

$('#MyClass123').css('content:url','("image.jpg")'); 
$('#MyClass123').css('content','url("image.jpg")'); 
$('#MyClass123').css('content:url("image.jpg")'); 

工作

<style> 
.MyClass123{ 
    content:url("image.jpg"); 
} 
</style> 

<img class="MyClass123"/> 
+0

這不僅僅是因爲jQuery使用[擴展] CSS選擇一個巧合..那麼,如何在「不工作」和「工作」有什麼不同? – 2012-12-28 03:58:10

+0

無論如何,花時間應用疑難解答 - 「不工作」不是一個好問題描述。一個小測試會顯示'$(..)'選擇0個元素..好,那麼爲什麼? – 2012-12-28 04:00:06

+0

@pst好的謝謝,先生。 – Th3B0Y

回答

6

第二個在不工作會做正確的方式。但是,它不工作,因爲你選擇稱爲MyClass123一個ID,當你要選擇一個類:

$('.MyClass123').css('content','url("image.jpg")'); 
+0

哦,你明白了。 Lol – SpYk3HH

+0

@kennypu哦,我的..哈哈哈......我簡直不敢相信我錯過了!謝謝! – Th3B0Y

+0

看到我下面的答案。您應該使用$('img.MyClass123')。 – marcinx

1

變化#.

你的SELECT語句尋找一個ID不是一類。

當我在我的電腦KATER生病作罷更多信息,MSBE zomeone會熱情地向來更新這個答案

jQuery的SELECT語句應該看起來就像他們的CSS對口

+0

謝謝!!!我錯過了,我的分心! – Th3B0Y

0

您需要使用$('img.MyClass123')代替。 $('#MyClass123')選擇具有id MyClass1234的元素,例如, <img id="MyClass123" />

基本上,每個以散列(#)開頭的選擇器都表示您正在尋找一個id。帶點(。)的選擇器表示您正在尋找課程。 ids和類的區別在於幾個元素可以具有相同的類,但只有一個元素可以同時攜帶不同的id。

與此相符,您還可以使用選擇器$('.MyClass123')。然而,它會找到具有類MyClass123的所有元素。因此,它可能會返回與您正在查找的圖像不同的元素。例如<a href="#" class="MyClass123">可以匹配。在點之前使用img組件更加明顯。

檢查:http://www.w3schools.com/cssref/css_selectors.asp

+0

謝謝!我錯過了,我的分心! – Th3B0Y