2012-03-20 52 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'); 
    }); 
相关问题