代码之家  ›  专栏  ›  技术社区  ›  Michael Sparks

我可以使用jQuery的.css()方法对元素应用速记css吗?

  •  2
  • Michael Sparks  · 技术社区  · 14 年前

    我正在尝试将未知样式应用于未知选择器,似乎无法使用jQuery的 .css() 方法。是这样吗?附近有工作吗?

    .css() 不想使用 .css('background','#000') 语法。

    $('#example').css({background:'#000000 url("images/bg.gif") repeat-x scroll 0 0 transparent'});
    

    上面的代码不起作用。但是,下面的代码确实如此。

    $('#example').css({background:'#000'});
    

    这也是。

    $('#example').css({background:'url("images/bg.gif")'});
    

    2 回复  |  直到 14 年前
        1
  •  5
  •   Quentin    14 年前
    background: #000000 url("images/bg.gif") repeat-x scroll 0 0 transparent;
    

    是无效的CSS。您已经指定了两次背景色(#000000和透明)。如果您使用有效的CSS,它应该可以工作。

        2
  •  2
  •   Phil.Wheeler    14 年前

    更好的选择是在CSS文件中有一组预定义的CSS类,然后根据需要动态应用这些目标样式。

    这样做的另一个好处是将jQuery代码保持在可读和可管理的级别。

    所以与其写:

    $('#example').css({background:'url("images/bg.gif")'});
    

    您可以选择更简单的:

    $('#example').addClass('myClass1');