| 方法 |
释义 |
语法 |
| addClass() |
添加类属性 |
$(selector).addClass(class1 -class2 -...) |
| after() |
元素之后插入内容 |
$(selector).after(content) |
| append() |
向元素结尾插入指定的内容 |
$(selector).append(content) |
| appendTo() |
将内容插入每个匹配到的元素的结尾 |
$(content).appendTo(selector) |
| attr() |
设置或返回匹配元素的属性和值 |
$(selector).attr({attribute:value, attribute:value ...}) |
| before() |
在每个匹配的元素之前插入内容 |
$(selector).before(content) |
| clone() |
clone() 方法生成被选元素的副本，包含子节点、文本和属性 |
$(selector).clone(includeEvents) |
| detach() |
detach() 方法移除被选元素，包括所有文本和子节点;detach() 会保留所有绑定的事件、附加的数据，这一点与 remove() 不同 |
$(selector).detach() |
| empty() |
empty() 方法从被选元素移除所有内容，包括所有文本和子节点 |
$(selector).empty() |
| hasClass() |
检查匹配的元素是否拥有指定的类 |
$(selector).hasClass(class) |
| html() |
设置或返回匹配的元素集合中的 HTML 内容 |
$(selector).html(content) |
| insertAfter() |
把匹配的元素插入到另一个指定的元素集合的后面 |
$(content/selector).insertAfter(selector) |
| insertBefore() |
把匹配的元素插入到另一个指定的元素集合的前面 |
$(content/selector).insertBefore(selector) |
| prepend() |
prepend() 方法在被选元素的开头（仍位于内部）插入指定内容 |
$(selector).prepend(content) |
| prependTo() |
prependTo() 方法在被选元素的开头（仍位于内部）插入指定内容 |
$(content).prependTo(selector) |
| remove() |
remove() 方法移除被选元素，包括所有文本和子节点;但除了这个元素本身得以保留之外，remove() 不会保留元素的 jQuery 数据。其他的比如绑定的事件、附加的数据等都会被移除。这一点与 detach() 不同 |
$(selector).remove() |
| removeAttr() |
从所有匹配的元素中移除指定的属性 |
$(selector).removeAttr(attribute) |
| removeClass() |
从所有匹配的元素中删除全部(无参数)或者指定的类 |
$(selector).removeClass(-class) |
| replaceAll() |
用匹配的元素/内容替换所有匹配到的元素/内容 |
$(content/element).replaceAll(selector) |
| replaceWith() |
用新内容/元素替换匹配的内容/元素 |
$(selector).replaceWith(content/element) |
| text() |
设置或返回匹配元素的内容 |
$(selector).text(-content) |
| toggleClass() |
从匹配的元素中添加或删除一个类 |
$(selector).toggleClass(class,-switch) |
| unwrap() |
unwrap() 方法删除被选元素的父元素 |
$(selector).unwrap() |
| val() |
设置或返回匹配元素的值 |
$(selector).val(-value) |
| wrap() |
把匹配的元素用指定的内容或元素包裹起来 |
$(selector).wrap(wrapper) |
| wrapAll() |
把所有匹配的元素用指定的内容或元素包裹起来 |
$(selector).wrapAll(wrapper) |
| wrapinner() |
将每一个匹配的元素的子内容用指定的内容或元素包裹起来 |
$(selector).wrapInner(wrapper) |
| 方法 |
释义 |
| addClass() |
向匹配的元素添加指定的类名。 |
| attr() |
设置或返回匹配元素的属性和值。 |
| hasClass() |
检查匹配的元素是否拥有指定的类。 |
| html() |
设置或返回匹配的元素集合中的 HTML 内容。 |
| removeAttr() |
从所有匹配的元素中移除指定的属性。 |
| removeClass() |
从所有匹配的元素中删除全部或者指定的类。 |
| toggleClass() |
从匹配的元素中添加或删除一个类。 |
| val() |
设置或返回匹配元素的值。 |
| 方法 |
释义 |
| css() |
设置或返回匹配元素的样式属性。 |
| height() |
设置或返回匹配元素的高度。 |
| offset() |
返回第一个匹配元素相对于文档的位置。 |
| offsetParent() |
返回最近的定位祖先元素。 |
| position() |
返回第一个匹配元素相对于父元素的位置。 |
| scrollLeft() |
设置或返回匹配元素相对滚动条左侧的偏移。 |
| scrollTop() |
设置或返回匹配元素相对滚动条顶部的偏移。 |
| width() |
设置或返回匹配元素的宽度。 |
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="js/jquery-3.2.1.js"></script>
</head>
<body>
<div id="outerDiv"></div>
<script type="text/javascript">
$(document).ready(function() {
$("#outerDiv").text("innerDiv").css({
"background-color": "#6495ED",
"padding": "0.5em"
}).width($(window).height());
});
</script>
</body>
</html>
image.png
