jQuery 获取跟设置匹配元素样式属性值css

jQuery 获取和设置匹配元素样式属性值css

通过jQuery内的CSS样式操作方法，可以访问或设置DOM元素的级联样式

1、

HTML 代码:

<p>Test Paragraph.</p>

结果:

<p style="color:red; background:blue;">Test Paragraph.</p>

4、height(val) 为每个匹配的元素设置CSS高度(width)属性的值。如果没有明确指定单位（如：em或%），使用px。

示例:

$("p").height(20);

HTML 代码:

<p>This is just a test.</p>

结果:

<p style="height:20px;">This is just a test.</p>

示例:

$("p").height("20em");

HTML 代码:

<p>This is just a test.</p>

结果:

<p style="height:20em;">This is just a test.</p>

5、height() 取得第一个匹配元素当前计算的高度值（px）。

示例:

$("p").height();

HTML 代码:

<p>This is just a test.</p>

结果:

300

6、width(val) 为每个匹配的元素设置CSS宽度(width)属性的值。如果没有明确指定单位（如：em或%），使用px。

示例:

$("p").width(20);

HTML 代码:

<p>This is just a test.</p>

结果:

<p style="width:20px;">This is just a test.</p>

示例:

$("p").width("20em");

HTML 代码:

<p>This is just a test.</p>

结果:

<p style="width:20em;">This is just a test.</p>

7、width() 取得第一个匹配元素当前计算的宽度值（px）。

示例:

$("p").width();

HTML 代码:

<p>This is just a test.</p>

结果:

300