为每个匹配的元素设置CSS高度(hidth)属性的值。如果没有明确指定单位(如:em或%),使用px。如果没有明确指定单位(如:em或%),使用px。
返回值 jQuery
参数
val (String, Number) : 设定CSS中 'height' 的值
示例:
复制代码 代码如下:
/*
//把所有段落的高设为 20
文档片段:<p>Hello</p><p>2nd Paragraph</p>
*/
$("p").height(20);
alert($("p").height());
3、width()
取得第一个匹配元素当前计算的宽度值(px)。在 jQuery 1.2 以后可以用来获取 window 和 document 的宽
返回值 Integer
示例:0
复制代码 代码如下:
/*
//获取第一段的宽
文档片段:<p>Hello</p><p>2nd Paragraph</p>
*/
alert($("p").width());
4、width(val)
为每个匹配的元素设置CSS宽度(width)属性的值。如果没有明确指定单位(如:em或%),使用px。
返回值 jQuery
参数
val (String, Number) : 设定 CSS 'width' 的属性值
示例:
复制代码 代码如下:
/*
//将所有段落的宽设为 20
文档片段:<p>Hello</p><p>2nd Paragraph</p>
*/
$("p").width(20);
alert($("p").width());
5、innerHeight()
获取第一个匹配元素内部区域高度(包括补白、不包括边框)。此方法对可见和隐藏元素均有效。
返回值 Integer
示例:
复制代码 代码如下:
/*
//获取第一段落内部区域高度
文档片段:<p>Hello</p><p>2nd Paragraph</p>
*/
var p = $("p:first");
$("p:last").text("innerHeight:" + p.innerHeight());
7、innerWidth()
获取第一个匹配元素内部区域宽度(包括补白、不包括边框)。此方法对可见和隐藏元素均有效。
返回值 Integer
示例:
复制代码 代码如下:
/*
//获取第一段落内部区域宽度
文档片段:<p>Hello</p><p>2nd Paragraph</p>
*/
var p = $("p:first");
$("p:last").text("innerWidth:" + p.innerWidth());
7、outerHeight(options)
获取第一个匹配元素外部高度(默认包括补白和边框)。此方法对可见和隐藏元素均有效。
返回值 Integer
参数
options(Boolean) : (false) 设置为 true 时,计算边距在内。
示例:
复制代码 代码如下:
/*
//获取第一段落外部高度
文档片段:<p>Hello</p><p>2nd Paragraph</p>
*/
var p = $("p:first");
$("p:last").text("outerHeight:" + p.outerHeight() + " , outerHeight(true):" + p.outerHeight(true));
8、outerHeight(options)
获取第一个匹配元素外部宽度(默认包括补白和边框)。此方法对可见和隐藏元素均有效。
返回值 Integer
参数
options(Boolean) : (false) 设置为 true 时,计算边距在内。
示例:
复制代码 代码如下:
/*
//获取第一段落外部宽度
文档片段:<p>Hello</p><p>2nd Paragraph</p>
*/
var p = $("p:first");
$("p:last").text("outerWidth:" + p.outerWidth() + " , outerWidth(true):" + p.outerWidth(true));