Javascript jquery在body上工作，但不在其他元素上工作

这个代码可以工作

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

但是这个代码不

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

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

^^^我在整个代码中唯一更改的是括号内的id属性。其他一切都没有改变

我确实有一个id为=“thumb\u slider”的html元素标记，其中有我可以在屏幕上看到的文本，但是当我引用html标记或id而不是主体时，我的jquery都不起作用。我做错了什么？

你想要“拇指滑块”。它是id和元素名称之间的区别，即：

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

使用jQuery进行选择的方式与使用CSS进行选择的方式非常相似，因此：

• body

  、

  div

  、

  p

  等：选择具有该名称的元素，即该类型的元素

• #this

  ，

  #that

  ：选择具有该特定ID的元素

• .lots

  .otherstuff

  ：选择具有该类的元素

---

您忘记了选择器中缺少的

或

，这取决于它是类还是ID。没有与选择器匹配的名为

拇指滑块的元素

因此，它可能是：

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

或：

当然，类选择器需要
（点），id选择器需要
#

也就是说，您的代码应该看起来像：

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

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