JQ为CSS添加样式,可以使用jQuery CSS 操作 的css() 方法
定义和用法
css() 方法返回或设置匹配的元素的一个或多个样式属性。
设置 CSS 属性
设置所有匹配元素的指定 CSS 属性。
$(selector).css(name,value)实例
/*将所有段落的颜色设为红色:*/$("p").css("color","red")
设置多个 CSS 属性/值对
$(selector).css({property:value, property:value, ...})把“名/值对”对象设置为所有匹配元素的样式属性。
这是一种在所有匹配的元素上设置大量样式属性的最佳方式。
实例
实例$("p").css({
"color":"white",
"background-color":"#98bf21",
"font-family":"Arial",
"font-size":"20px",
"padding":"5px"
})
也可以通过Jquery 属性操作的removeClass、addClass方法移除元素类名或者添加元素类名的方式达到修改元素样式的效果。详细内容可以百度“jQuery 参考手册 - 属性操作”
你可以先将要修改的css属性都放在一个class中,在需要的时候直接让这个对象调用这个class属性就可以了。jquery的写法就蛮简单,如果有需要也可以用jquery的,例子:$("").css({'color':'#ccc','font-size':'12px'})如果你真想好好编网页的话, 极其建议你使用 jQuery 库, 网上下载一下。在开头插入库,
<script src="jquery.js"></script>
然后你的问题解决方法就很简单了。
$(".content-block").css({ "height" : "20px" , "width" : "100px" , "background" : "#ccc" })
很明显 , $ 里面的content-block前面有 " . " , 就是自带class名称,所以上面的代码就是改变所有class名称为"content-block" 的标签。
$("#abc") 自带ID为 abc的所有元素.
$("div") 指代所有DIV元素。
$("div:last") 指代最后一个DIV。
有JQ之后 就不需要在用这么复杂的方法去获取了,真的。开始我也看不起JQ ,现在发现没这玩意网站的JS真心没法玩。