2012-03-20 54 views
0

此代碼的工作...jQuery的身體上而不是在其他元素

$(document).ready(function(){ 
    $('body').css('background','black'); 
    }); 

但是這個代碼不...

$(document).ready(function(){ 
    $('thumb_slider').css('background','black'); 
    }); 

^^^我以前做的唯一的事情在整個代碼中更改的是括號內的id屬性。一切都沒有改變。

我確實有一個id =「thumb_slider」的html元素標記,它有我可以在屏幕上看到的文本,但是當我引用除標籤之外的其他標籤或id時,我的jquery都不起作用。我在這裏做錯了什麼?

回答

5

你想 '#thumb_slider'。這是一個ID和一個元素的名稱,即區別:

$('#thumb_slider').css('background','black'); 

您使用jQuery在一個非常類似的方式與CSS選擇選擇,所以:

  • bodydivp等:選擇具有該名稱的元素,即,類型。
  • #this#that:選擇與該特定ID的元素。
  • .lots.otherstuff:選擇與該類的元件(一個或多個)。
+0

謝謝!我是一個noob,這將花費我多年的時間才能弄清楚。 – 2012-03-20 23:49:12

+0

@DigitalBrent或幾分鐘閱讀基本教程 – ajax333221 2012-03-21 00:59:24

2
$('#thumb_slider').css('background','black'); 

你在你選擇忘記#

2

你缺少.#,取決於它是否是一個類或ID。沒有名爲您的選擇相匹配thumb_slider元素。

所以應該可能是兩種:

$('#thumb_slider').css('background','black'); // If it is an ID 

或者:

$('.thumb_slider').css('background','black'); // If it is a class 
2

那麼,你需要爲. ID選擇(點)的類選擇和#

這就是說,你的代碼也許應該是這樣的:

$(document).ready(function(){ 
    $('#thumb_slider').css('background','black'); 
    }); 
相關問題