jquery里改变css时，如果css属性名里包含'-'，就报错。能解决吗？

Question

$(pagination,$t).css({top:"357px",position: "relative",list-style-type:"none", margin:"0", padding:"0", float:"right", width:"200px", z-index:"600"});
pagination是一个html元素的class名字。list-style-type和z-index这里都报错，查了下好像jquery1.4.2不支持带‘-’的属性。但是换了1.4.3也不行

Answer 1

按照原生JS的写法一般都是 改为驼峰式的命名：  zIndex  backgroundColor

Answer 2

改成listStyleType和zIndex了，不报错了，但是css的效果没出来，说明不认这种写法啊

Answer 3

这代码写得乱七八糟的。。
首先选择器就写得不对，要改成$('.pagination',$t)，而且你必须保证$t是个存在且其有class=pagination的子元素
其次，当对象属性名含有特殊字符时，必须用引用包起来，跟驼峰不驼峰没关系jquery 1.4已经支持list-style-type这种方式了
最后修改如下 // $t = $("..."); $(".pagination",$t).css({
"top":"357px",
"position": "relative",
"list-style-type":"none", 
"margin":"0", 
"padding":"0", 
"float":"right", 
"width":"200px", 
"z-index":"600"
});

Answer 4

我按你的方法试了，css的效果没出来啊，js能这么写，jquery里不行吧？
 
头都晕了，帮忙想想还有其他方法吗？

Answer 5

这代码写得乱七八糟的。。
首先选择器就写得不对，要改成$('.pagination',$t)，而且你必须保证$t是个存在且其有class=pagination的子元素
其次，当对象属性名含有特殊字符时，必须用引号包起来，跟驼峰不驼峰没关系jquery 1.4已经支持list-style-type这种方式了
最后修改如下        // $t = $("...");
        $(".pagination",$t).css({
            "top":"357px",
            "position": "relative",
            "list-style-type":"none", 
            "margin":"0", 
            "padding":"0", 
            "float":"right", 
            "width":"200px", 
            "z-index":"600"
        });

Answer 6

pagination是个变量，之前已经赋值了var pagination = $("."+o.pagination+" li a",$t);我已经照4楼说的改了，可效果还是没出来，说明这样写也不行啊！
$(pagination,$t).css({"top":"357px","position": "relative","list-style-type":"none", "margin":"0", "padding":"0", "float":"right", "width":"200px", "z-index":"600"});

Answer 7

var pagination = $("."+o.pagination+" li a",$t);
alert(pagination.length);
pagination.css({
            "top":"357px",
            "position": "relative",
            "list-style-type":"none", 
            "margin":"0", 
            "padding":"0", 
            "float":"right", 
            "width":"200px", 
            "z-index":"600"
        });

Answer 8

这个jquery的选择器没问题，我用下面的代码设置float,width等没有'-'的属性都没问题。
就是list-style-type和z-index报错，加“”号后，又显示不出效果来。
$(pagination,$t).css({top:"357px",position: "relative","list-style-type":"none", margin:"0", padding:"0", float:"right", width:"200px", "z-index":"600"});

Answer 9

解决了axiheyhey，说的对。我之前，那个变量定义的不是我要改css的元素

Answer 10

问个问题：axiheyhey   $("选择器"，$t)  逗号后面的$t是和CSS一样的另外一个选择器？