在css设置中使用十六进制数字与Jquery

时间:2010-08-04 15:11:55

标签: jquery

我有这个代码可以发布:

$('#cs_tableVideoListings tbody tr td').each(
    function() {
        $(this).css('border-bottom','2px solid gray');
    })

问题是“灰色”太暗了。当我尝试#333或任何十六进制数字时,它根本不起作用。

我只需要应用底部边框,因此使用“border-bottom”:“2px solid#333”(注释冒号)不起作用,因为该语法似乎仅在应用多个样式时有效。

所以,我想知道在上面的代码中应用十六进制颜色,而不是分配变量等等。

谢谢

2 个答案:

答案 0 :(得分:1)

在您决定添加冒号之前,您的代码就可以了。

除非你传递一个物体,否则你不希望那里有冒号。数字格式#333无论如何都可以正常工作。

试一试: http://jsfiddle.net/EXbL7/

$('#cs_tableVideoListings tbody tr td').each(
    function() {
              // separated with comma, you're passing 2 arguments
        $(this).css('border-bottom','2px solid #333');
    }
);

如果你想要冒号,那么你需要传递一个对象。

试一试: http://jsfiddle.net/EXbL7/1/

$('#cs_tableVideoListings tbody tr td').each(
    function() {
              // separated with colon, you're passing 1 object argument
        $(this).css( {'border-bottom':'2px solid #333'} );
    }
);

答案 1 :(得分:0)

尝试长版#333333而不是#333手。我记得使用简短的CSS六角颜色时遇到了麻烦。

或者您可以将代码更改为以下内容:

$(this).css({
    borderBottomWidth: '2px',
    borderBottomStyle: 'solid',
    borderBottomColor: '#333333'
});

请注意,我传递的对象键是borderBottom(JS)而不是border-bottom(CSS)。将对象传递给jQuery.css时,它应该是样式的JavaScript等价物。

http://codepunk.hardwar.org.uk/css2js.htm