javascript - jquery 适用于主体，但不适用于其他元素

Question

此代码有效...

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

但是这段代码不...

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

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

我确实有一个 id="thumb_slider"的 html 元素标签，并且其中包含我可以在屏幕上看到的文本，但是当我引用正文以外的 html 标签或 id 时，我的 jquery 都不起作用。我在这里做错了什么？

Answer 1

您想要“#thumb_slider”。这是 id 和元素名称之间的区别，即:

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

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

• body、div、p 等:选择具有该名称的元素，即该类型的元素.
• #this、#that:选择具有该特定 ID 的元素。
• .lots .otherstuff:选择具有该类的元素。