jQuery函数学习之五(css部分)

也就是对dom元素中的样式进行操作

函数：css(name)
功能：获取匹配元素指定属性名的值
返回：string
参数：要访问的样式属性名
例子：
Retrieves the color style of the first paragraph

jQuery Code
$("p").css("color");
Before
<p style="color:red;">Test Paragraph.</p>
Result:
"red"

Retrieves the font-weight style of the first paragraph.

jQuery Code
$("p").css("font-weight");
Before
<p style="font-weight: bold;">Test Paragraph.</p>
Result:
"bold"

函数：css(properties)，css(key, value)
功能：设定一组样式，设定一个样式
返回：jQuery对象
参数：属性数组对象，属性名/值
例子：
Sets color and background styles to all p elements.

jQuery Code
$("p").css({ color: "red", background: "blue" });
Before
<p>Test Paragraph.</p>
Result:
<p style="color:red; background:blue;">Test Paragraph.</p>

Changes the color of all paragraphs to red

jQuery Code
$("p").css("color","red");
Before
<p>Test Paragraph.</p>
Result:
<p style="color:red;">Test Paragraph.</p>

Changes the left of all paragraphs to "30px"

jQuery Code
$("p").css("left",30);
Before
<p>Test Paragraph.</p>
Result:
<p style="left:30px;">Test Paragraph.</p>

函数：height()，height(val)
功能：获取第一个匹配元素的高度，height(val)设定所有匹配元素的高度
返回：string
例子：
jQuery Code
$("p").height();
Before
<p>This is just a test.</p>
Result:
300

jQuery Code
$("p").height(20);
Before
<p>This is just a test.</p>
Result:
<p style="height:20px;">This is just a test.</p

jQuery Code
$("p").height("20em");
Before
<p>This is just a test.</p>
Result:
<p style="height:20em;">This is just a test.</p>

函数：width(),width(val)
功能：获取第一个元素的宽度，width(val)设定所有匹配元素的宽度
例子：和上面差不多，就不列举了。