jquery:厌倦了css().css().css()
jquery:厌倦了css().css().css()
提问于 2012-05-25 20:32:59
我真的厌倦了这样的语法：
.css('position','absolute').css('z-index',z-index)
.css('border','1px solid #00AFFF').css('margin','-1px 0px 0px -1px')
.css('left',pleft)我想知道是否有任何方法可以在一个函数中传递所有参数，例如：
.foo('position':'absolute','z-index':z-index,
'border':'1px solid #00AFFF','margin':'-1px 0px 0px -1px',
'left':pleft)非常感谢您的帮助。
回答 3
Stack Overflow用户
回答已采纳
发布于 2012-05-25 20:33:43
可以，将对象传递给.css() (也可以是mentioned in the docs)：
.css({
position: 'absolute',
left: pleft,
zIndex: 123
...
});请注意，您可以对键使用这两种语法：zIndex，即可直接在JavaScript和'z-index'中使用的camelcase版本(需要引号，因为-否则会破坏代码)。
对于总是相同的选项-在你的例子中可能是position，border和margin -通过一个类/id选择器设置一个经典的CSS规则集可能是一个好主意。然后，您只需通过.css()设置其余的(动态)选项。
Stack Overflow用户
发布于 2012-05-25 20:35:38
在单独的类中定义样式
css
.myCustomClass
{
position: absolute;
border: 1px solid #00AFFF
}和js
.addClass('myCustomClass');如果样式变得太复杂，这将非常容易管理
Stack Overflow用户
发布于 2012-05-25 20:37:33
$(element).css({'position':'absolute','z-index':zIndex,
'border':'1px solid #00AFFF','margin':'-1px 0px 0px -1px',
'left':pleft});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/10754510
复制相关文章
相似问题
腾讯云开发者
