jquery中css()方法的格式问题

html-css015

jquery中css()方法的格式问题,第1张

下面这些都是正确的:

$(this).css({backgroundColor:"red"})

$(this).css({"background-color":"red"})

$(this).css("background-color","red")

$("p").css("background-color","yellow")

$("p").css({"background-color":"yellow"})

$("p").css({backgroundColor:"yellow"})

有花括号的是以一个(注意是一个)json对象作为参数,里面至少应该包含一个键值对,键和值之间用冒号(:)隔开,其中键既可以用DOM格式(即驼峰格式,如backgroundColor),也可以用css属性字串(如"background-color");没有花括号的则是用两个(注意是两个)字符串作为参数,第一个字符串是键(必须用css属性格式),第二个字符串则是值,两个参数之间用逗号(,)隔开

用json对象做参数适合于一次性设置多个css属性,比如

$("p").css({"background-color":"yellow","width":"200px","margin-left":"30px"})

而用字符串做参数则一次只能设置一个属性。

jquery框架的代码

意思如果id为"chatbox"+chaboxtitle的元素如果是隐藏的就把它设为显示,即如果它的css display属性为none的话就设成display:block这样就显示出来了 ,$(“#id1”)表示选取id为id1的html元素

// 可以通过移除带有样式的class类来达到移除样式的效果

$('.class').removeClass('class')

// 可以直接通过jQuery的css方法来清空某几条css样式

$('.class').css({

'background':'none',// 清除背景

'height':'auto' // 清除高度

})