Question

我尝试使用jquery应用CSS值，但类选择器或id选择器由于某种原因不起作用。

如果我使用id =＆＃34; kitten＆＃34;。

，你可以看到没有任何反应

HTML

    <div id="kitten"></div>

脚本

    $(function(){
    var x = 0;
    setInterval(function(){
        x-=1;
        $("kitten").css("background-position", x + "px 0");
    }, 10);
});

CSS

    html, body { height: 100%; width: 100%;}
    #kitten {
    background-image: url("http://sereedmedia.com/srmwp/wp-content/upload/kitten.jpg");
    background-repeat: repeat-x;
    }

它不起作用。但是，如果我使用＆＃34; body＆＃34;而不是id - 所有都开始工作。

Fiddle with "body"

为什么我不能使用jQuery id选择器或类选择器？

Answer 1

要引用id，您需要在id本身之前使用哈希，就像在css中一样。正确的代码是：

$("#kitten").css("background-position", x + "px 0");

Answer 2

 $("kitten").css("background-position", x + "px 0");

这条线错了..

这个人会做的伎俩

 $("#kitten").css("background-position", x + "px 0");

您需要为ID选择器添加正确的字符串文字检查一下here。

Answer 3

首先你需要做：

$("#kitten").css("background-position", x + "px 0");

因为您没有获得Id选择器。

定义div的宽度和高度，以显示您的图像：

#kitten {
    background-image: url("http://sereedmedia.com/srmwp/wp-content/uploads/kitten.jpg");
    background-repeat: repeat-x;
    width: 390px; <----- LIKE this
    height: 200px; <----- LIKE this
}

DEMO

Answer 4

Id选择器的前缀为#：

$("#kitten").css("background-position", x + "px 0");

类选择器的前缀为.，例如kitten是一个类：

$(".kitten").css("background-position", x + "px 0");

当您使用body选择器时，您正在使用没有前缀的标签选择器。

$("input"); //selects all input tags

对于大多数基本选择器，只需遵循CSS选择器语法。

Answer 5

您的选择器缺少用于按ID选择标记的＃：

$("#kitten")

jQuery类选择器不起作用，id选择器只能用＆＃34; body＆＃34;

5 个答案: