• 85730

    文章

  • 749

    评论

  • 18

    友链

  • 最近新加了换肤功能,大家多来逛逛吧~~~~
  • 喜欢这个网站的朋友可以加一下QQ群,我们一起交流技术。

如何在jQuery中定义多个CSS属性?

撸了今年阿里、腾讯和美团的面试,我有一个重要发现.......>>

在jQuery中是否有任何语法方法来定义多个CSS属性,而不是将所有内容串起来,如下所示:

$("#message").css("width", "550px").css("height", "300px").css("font-size", "8pt");

如果您有20个,那么您的代码将难以阅读,任何解决方案?

例如,jQuery API可以理解并返回两者的正确值

.css({ "background-color": "#ffe", "border-left": "5px solid #ccc" }) 

.css({backgroundColor: "#ffe", borderLeft: "5px solid #ccc" }).

请注意,使用DOM表示法时,属性名称周围的引号是可选的 ,但由于名称中的连字符,因此需要使用CSS表示法。


#1楼

请试试这个,

$(document).ready(function(){
    $('#message').css({"color":"red","font-family":"verdana"});
})

#2楼

你也可以使用attrstyle

$('#message').attr("style", "width:550; height:300; font-size:8px" );

#3楼

试试这个

$(element).css({
    "propertyName1":"propertyValue1",
    "propertyName2":"propertyValue2"
})

#4楼

$("#message").css({"width" : "550px", "height" : "300px", "font-size" : "8pt"});

此外,最好使用jQuery内置的addClass来使您的项目更具可伸缩性。

来源: 如何:jQuery添加CSS并删除CSS


#5楼

你可以尝试这个

$("p:first").css("background-color", "#B2E0FF").css("border", "3px solid red");

695856371Web网页设计师②群 | 喜欢本站的朋友可以收藏本站,或者加入我们大家一起来交流技术!

欢迎来到梁钟霖个人博客网站。本个人博客网站提供最新的站长新闻,各种互联网资讯。 还提供个人博客模板,最新最全的java教程,java面试题。在此我将尽我最大所能将此个人博客网站做的最好! 谢谢大家,愿大家一起进步!

转载原创文章请注明出处,转载至: 梁钟霖个人博客www.liangzl.com

0条评论

Loading...


发表评论

电子邮件地址不会被公开。 必填项已用*标注

自定义皮肤
注册梁钟霖个人博客