height(val) 返回值:jQuery
概述
为每个匹配的元素设置CSS高度(hidth)属性的值。如果没有明确指定单位(如:em或%),使用px。
如果没有明确指定单位(如:em或%),使用px。
参数
valString, Number
设定CSS中 'height' 的值
示例
描述:
把所有段落的高设为 20:
jQuery 代码:
$("p").height(20);
height() 返回值:Integer
概述
取得第一个匹配元素当前计算的高度值(px)。
在 jQuery 1.2 以后可以用来获取 window 和 document 的高
示例
描述:
获取第一段的高
jQuery 代码:
$("p").height();
描述:
获取文档的高
jQuery 代码:
$(document).height();
scrollLeft(val) 返回值:jQuery
概述
传递参数值时,设置水平滚动条左侧偏移为该值。
此方法对可见和隐藏元素均有效。
参数
valString, Number
设定水平滚动条值
示例
描述:
设置相对滚动条左侧的偏移
jQuery 代码:
$("div.demo").scrollLeft(300);
scrollLeft() 返回值:Integer
概述
获取匹配元素相对滚动条左侧的偏移。
此方法对可见和隐藏元素均有效。
示例
描述:
获取第一段相对滚动条左侧的偏移
HTML 代码:
<p>Hello</p><p>2nd Paragraph</p>
jQuery 代码:
var p = $("p:first");
$("p:last").text( "scrollLeft:" + p.scrollLeft() );
结果:
<p>Hello</p><p>scrollLeft: 0</p>
...
scrollTop(val) 返回值:jQuery
概述
传递参数值时,设置垂直滚动条顶部偏移为该值。
此方法对可见和隐藏元素均有效。
参数
valString, Number
设定垂直滚动条值
示例
描述:
设置相对滚动条顶部的偏移
jQuery 代码:
$("div.demo").scrollTop(300);
scrollTop() 返回值:Integer
概述
获取匹配元素相对滚动条顶部的偏移。
此方法对可见和隐藏元素均有效。
示例
描述:
获取第一段相对滚动条顶部的偏移
HTML 代码:
<p>Hello</p><p>2nd Paragraph</p>
jQuery 代码:
var p = $("p:first");
$("p:last").text( "scrollTop:" + p.scrollTop() );
结果:
<p>Hello</p><p>scrollTop: 0</p>
...
position() 返回值:Object{top,left}
概述
获取匹配元素相对父元素的偏移。
返回的对象包含两个整形属性:top 和 left。为精确计算结果,请在补白、边框和填充属性上使用像素单位。此方法只对可见元素有效。
示例
描述:
获取第一段的偏移
HTML 代码:
<p>Hello</p><p>2nd Paragraph</p>
jQuery 代码:
var p = $("p:first");
var position = p.position();
$("p:last").html( "left: " + position.left + ", top: " + position.top );
结果:
<p>Hello</p><p>left: 15, top: 15</p>
...
offset() 返回值:Object{top,left}
概述
获取匹配元素在当前视口的相对偏移。
返回的对象包含两个整形属性:top 和 left。此方法只对可见元素有效。
示例
描述:
获取第二段的偏移
HTML 代码:
<p>Hello</p><p>2nd Paragraph</p>
jQuery 代码:
var p = $("p:last");
var offset = p.offset();
p.html( "left: " + offset.left + ", top: " + offset.top );
结果:
<p>Hello</p><p>left: 0, top: 35</p>
...
css(name, value) 返回值:jQuery
概述
在所有匹配的元素中,设置一个样式属性的值。
数字将自动转化为像素值
参数
namevalue
属性名
valueString, Number
属性值
示例
描述:
将所有段落字体设为红色
jQuery 代码:
$("p").css("color","red");
css(properties) 返回值:jQuery
概述
把一个“名/值对”对象设置为所有匹配元素的样式属性。
这是一种在所有匹配的元素上设置大量样式属性的最佳方式。
参数
propertiesMap
要设置为样式属性的名/值对
示例
描述:
将所有段落的字体颜色设为红色并且背景为蓝色。
jQuery 代码:
$("p").css({ color: "#ff0011", background: "blue" });
描述:
如果属性名包含 "-"的话,必须使用引号:
jQuery 代码:
$("p").css({ "margin-left": "10px", "background-color": "blue" });
...
css(name) 返回值:String
概述
访问第一个匹配元素的样式属性。
参数
nameString
要访问的属性名称
示例
描述:
取得第一个段落的color样式属性的值。
jQuery 代码:
$("p").css("color");
clone(true) 返回值:jQuery
概述
元素以及其所有的事件处理并且选中这些克隆的副本
在想把DOM文档中元素的副本添加到其他位置时这个函数非常有用。
参数
trueBoolean
设置为true以便复制元素的所有事件处理
示例
描述:
创建一个按钮,他可以复制自己,并且他的副本也有同样功能。
HTML 代码:
<button>Clone Me!</button>
jQuery 代码:
$("button").click(function(){
$(this).clone(true).insertAfter(this);
});
...
clone() 返回值:jQuery
概述
克隆匹配的DOM元素并且选中这些克隆的副本。
在想把DOM文档中元素的副本添加到其他位置时这个函数非常有用。
示例
描述:
克隆所有b元素(并选中这些克隆的副本),然后将它们前置到所有段落中。
HTML 代码:
<b>Hello</b><p>, how are you?</p>
jQuery 代码:
$("b").clone().prependTo("p");
结果:
<b>Hello</b><p><b>Hello</b>, how are you?</p>
...
remove([expr]) 返回值:jQuery
概述
从DOM中删除所有匹配的元素。
这个方法不会把匹配的元素从jQuery对象中删除,因而可以在将来再使用这些匹配的元素。
参数
expr (可选)String
用于筛选元素的jQuery表达式
示例
描述:
从DOM中把所有段落删除
HTML 代码:
<p>Hello</p> how are <p>you?</p>
jQuery 代码:
$("p").remove();
结果:
how are
描述:
从DOM中把带有hello类的段落删除
HTML 代码:
<p class="hello">Hello</p> how are <p>you?</p>
jQuery 代码:
$("p").re...
empty() 返回值:jQuery
概述
删除匹配的元素集合中所有的子节点。
示例
描述:
把所有段落的子元素(包括文本节点)删除
HTML 代码:
<p>Hello, <span>Person</span> <a href="#">and person</a></p>
jQuery 代码:
$("p").empty();
结果:
<p></p>
...
replaceAll(selector) 返回值:jQuery
概述
用匹配的元素替换掉所有 selector匹配到的元素。
在jQuery 1.3.2中,appendTo, prependTo, insertBefore, insertAfter, 和 replaceAll这个几个方法成为一个破坏性操作,要选择先前选中的元素,需要使用end()方法,参见 appendTo 方法的例二。
参数
selector选择器
用于查找所要被替换的元素
示例
描述:
把所有的段落标记替换成加粗标记
HTML 代码:
<p>Hello</p><p>cruel</p><p>World</p>
jQuery 代码:
$("<b>Paragraph. </b>").replaceAll("p");
结...