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'
})
都是正确的写法。
1、jQuery设置css样式
<div style="background-color:#ffffffpadding-left:10px">测试jQuery动态获取padding-left</div>
2、用css()方法返回元素的样式属性
$("div").css("padding-left"))
3、用css()设置样式
$("div").css("color","yellow")
4、设置多个样式
$("div").css({"background-color":"yellow","font-size":"200%"})
var css = {
background-color: '#EEE',
height: '500px',
margin: '10px',
padding: '2px 5px' }
$("div").css(css)