如何使用jQuery更改div的样式元素

时间:2013-06-06 13:45:18

标签: jquery

我正在尝试使用jQuery更改div的{​​{1}}元素的样式值。主要是我只想改变背景图像的位置,这是一个精灵。以下是我的主要代码,你也可以在jsFiddle上查看它:http://jsfiddle.net/PvTe3/2/

style

我想要更改的标记如下:

$("#SelectAllBtn").on('click', function ()
{
    $("#departmentList input[type=checkbox]").each(function()
    {

        alert("moo");

        $(this).parent().css('background-image', 'http://localhost:9060/content/img/checkbox_png.png');
        $(this).parent().css('width', '19px');
        $(this).parent().css('height', '19px');
        $(this).parent().css('cursor', 'pointer');
        $(this).parent().css('0px', '0px');

    })
});

我做错了什么?

1 个答案:

答案 0 :(得分:2)

这样可行,但这些输入已将该图像作为背景。 (http://localhost:9060并不适合我,也不会在jsfiddle中使用它。
你在JS中有一条$(this).parent().css('0px', '0px');行,但没有做太多。

$("#SelectAllBtn").on('click', function () {
    $("#departmentList input[type=checkbox]").parent().css({
        background: 'red',
        width: '19px',
        height: '19px',
        cursor: 'pointer'
    });
});