| 种类 | 使用 | 说明 |
|---|---|---|
|
html() html("新元素") |
$("被选元素").html(); $("被选元素").html("新元素"); |
返回被选元素的下游元素（包括 HTML 标记） 删除所有被选元素的下游元素，在原来位置生成新元素 |
|
text() text("新文本") |
$("被选元素").text(); $("被选元素").text("新文本"); |
返回被选元素包围的所有文本内容 删除所有被选元素的下游元素，在原来位置生成新文本 |
|
attr("属性名") attr("属性名", "新值") |
$("被选元素").attr("属性名"); $("被选元素").attr("属性名", "新值"); |
返回被选元素指定的属性（attribute） 被选元素指定的属性值更改为新值 |
|
removeAttr("属性名") |
$("被选元素").removeAttr("属性名"); |
只删除被选元素的指定属性 |
|
prop("状态属性名") prop("状态属性名", "新值") |
$("被选元素").prop("状态属性名"); $("被选元素").prop("状态属性名", "新值"); |
返回被选元素状态属性值 被选元素指定的状态属性值更改为新值 |
|
val() val("新值") |
$("被选元素").val(); $("被选元素").val("新值"); |
返回被选元素表单字段的值 被选元素表单字段的值更改为新值 |
|
css("属性名") css("属性名", "新值") |
$("被选元素").css("属性名"); $("被选元素").css("属性名", "新值"); |
返回被选元素指定的样式（CSS）属性值 被选元素指定的样式（CSS）属性值更改为新值 |
|
addClass("class值") |
$("被选元素").addClass("class值"); |
被选元素的 class 属性中插入新值 |
|
removeClass("class值") |
$("被选元素").removeClass("class值"); |
只删除被选元素的 class 属性中指定的值 |
|
toggleClass("class值") |
$("被选元素").toggleClass("class值"); |
如果被选元素的 class 值中 包含指定的值就删除， 如果没有属性值就插入 |
|
hasClass("class值") |
$("被选元素").toggleClass("class值"); |
如果被选元素的 class 值中， 包含指定的值返回true， 如果没有属性值返回false |
| 种类 | 使用 | 说明 |
|---|---|---|
| height() |
$("被选元素").height(); $("被选元素").height(100); |
设置或返回元素的高度（不包括内边距、边框或外边距） |
| width() |
$("被选元素").width(); $("被选元素").width(100); |
设置或返回元素的宽度（不包括内边距、边框或外边距） |
| innerHeight() |
$("被选元素").innerHeight(); $("被选元素").innerHeight(300); |
设置或返回元素的高度（包括内边距） |
| innerWidth() |
$("被选元素").innerWidth(); $("被选元素").innerWidth(300); |
设置或返回元素的宽度（包括内边距） |
| outerHeight() |
$("被选元素").outerHeight(); $("被选元素").outerHeight(100); |
设置或返回元素的高度（包括内边距和边框） |
| outerWidth() |
$("被选元素").outerWidth(); $("被选元素").outerWidth(100); |
设置或返回元素的宽度（包括内边距和边框） |
| positiont() |
$("被选元素").positiont().left; $("被选元素").positiont().top; |
返回元素的（静态的，相对的，绝对或固定）的位置值 |
| offset() |
$("被选元素").offset(); $("被选元素").offset( { top: value, left : value } ); $("被选元素").offset(function(index, currentoffset)); |
返回偏移坐标 设置偏移坐标 使用函数设置偏移坐标 |
| scrollLeft() |
$(window).scrollLeft(); |
设置或返回被选元素的水平滚动条位置 |
| scrollTop() | $(window).scrollTop(); | 设置或返回被选元素的垂直滚动条位置 |
| 种类 | 使用 | 说明 |
|---|---|---|
| befoer() | $("被选元素").befoer("新元素"); | 在被选元素之前插入指定内容 |
| after() | $("被选元素").after("新元素"); | 在被选元素之后插入指定内容 |
| append() | $("被选元素").append("新元素"); | 在被选元素的结尾插入指定内容 |
| appendTo() | $("新元素").appendTo("被选元素"); | 在被选元素的结尾插入 HTML 元素 |
| prepend() | $("新元素").prepend("被选元素"); | 在被选元素的开头插入指定内容 |
| prependTo() | $("新元素").prependTo("被选元素"); | 在被选元素的开头插入 HTML 元素 |
| insertBefore() | $("新元素").insertBefore("被选元素"); | 在被选元素前插入 HTML 元素 |
| insertAfter() | $("新元素").insertAfter("被选元素"); | 在被选元素后插入 HTML 元素 |
| clone() | $("被选元素").clone(true or false); | 生成被选元素的副本，包含子节点、文本和属性 |
| empty() | $("被选元素").empty(); | 移除被选元素的所有子节点和内容 |
| remove() | $("被选元素").remove(); | 移除被选元素，包括所有的文本和子节点 |
|
replaceAll() replaceWith() |
$("新元素").replaceAll("被选元素"); $("被选元素").replaceWith("新元素"); |
被选元素替换为新的 HTML 元素 |
| unwrap() | $("被选元素").unwrap(); | 移除被选元素的父元素 |
| wrap() | $("被选元素").wrap("新元素"); | 使用指定的 HTML 元素来包裹每个被选元素 |
| wrapAll() | $("被选元素").wrapAll(); | 使用指定的 HTML 元素来包裹所有被选元素 |
| wrapInner() | $("被选元素").wrapInner("新元素"); | 使用指定的 HTML 元素来包裹每个被选元素中的所有内容（innerHTML） |