jQuery class selector doesn't work and id selector works only with “body”

Question

I\'m trying to apply CSS values with jquery but class selector or id selector does not not work for some reason.

Here is my fiddle:

As you can see nothing happen

Answer 1

To reference an id you need to use hash before the id itself, just like you do in css. The correct code would be:

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

Answer 2

Your selector is missing the # which is used for selecting tags by id:

$("#kitten")

Answer 3

First you need do:

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

Becouse you are not getting the Id selector.

And define a width and height to your div, to show your image like:

#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

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

this line is wrong..

this one will do the trick

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

you need to put the right string literals for ID selectors check it right here.

Answer 5

Id selectors are prefixed with #:

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

A class selector would be prefixed with a ., for instance if kitten were a class:

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

When you use the body selector you are using a tag selector which has no prefix.

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

For most basic selectors, just follow CSS selector syntax.