jquery设置CSS属性

html-css010

jquery设置CSS属性,第1张

//jquery 不支持这种写法background-color改成:backgroundColor

//$()里的选择器是要加上引号的

//例子:

$("#id").css("backgroundColor","none")

jquery中css()方法可以并列多个属性。如下参考

/*css(properties)

把一个“名/值对”对象设置为所有匹配元素的样式属性。

这是一种在所有匹配的元素上设置大量样式属性的最佳方式。

*/

例如:

$("p").css({ color: "#ff0011", background: "blue" })

$("p").css({ "margin-left": "10px", "background-color": "blue" })

写法是正确的,就是使用逗号隔开即可。测试可以使用的。

ID(#选择器)是唯一元素,一个页面上这个ID只有1个是可以用到(class可以多个其作用)。

$('#abc').css({

'<a href="https://www.baidu.com/s?wd=font-size&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1Y4nWKWuh79uHuhnARdPHnz0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3ErjTzn161Pj04PHcsPW64PjRz" target="_blank" class="baidu-highlight">font-size</a>' : '12px',

'-webkit-border-radius' : '5px',

'color' : '#cc0000'

})

$('#abc').css({

fontSize : '12px',

webkitBorderRadius : '5px',

color : '#c00'

})

都是正确的写法。