jQuery CSS 操作

jQuery CSS 操作

jQuery 拥有三种用于 CSS 操作的重要函数：

• $(selector).css(name,value)
• $(selector).css({properties})
• $(selector).css(name)

CSS 操作实例

函数 css(name,value) 为所有匹配元素的给定 CSS 属性设置值：

实例

$(selector).css(name,value)
$("p").css("background-color","red");

亲自试一试

函数 css({properties}) 同时为所有匹配元素的一系列 CSS 属性设置值：

实例

$(selector).css({properties})
$("p").css({"background-color":"red","font-size":"200%"});

亲自试一试

函数 css(name) 返回指定的 CSS 属性的值：

实例

$(selector).css(name)
$(this).css("background-color");

亲自试一试

jQuery Size 操作

jQuery 拥有两种用于尺寸操作的重要函数：

• $(selector).height(value)
• $(selector).width(value)

Size 操作实例

函数 height(value) 设置所有匹配元素的高度：

实例

$(selector).height(value)
$("#id100").height("200px");

亲自试一试

函数 width(value) 设置所有匹配元素的宽度：

实例

$(selector).width(value)
$("#id200").width("300px");

亲自试一试