03.jQuery html

jQuery文档操作

方法	释义	语法
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)

jQuery属性操作

方法	释义
addClass()	向匹配的元素添加指定的类名。
attr()	设置或返回匹配元素的属性和值。
hasClass()	检查匹配的元素是否拥有指定的类。
html()	设置或返回匹配的元素集合中的 HTML 内容。
removeAttr()	从所有匹配的元素中移除指定的属性。
removeClass()	从所有匹配的元素中删除全部或者指定的类。
toggleClass()	从匹配的元素中添加或删除一个类。
val()	设置或返回匹配元素的值。

jQuery css操作

方法	释义
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

03.jQuery html

jQuery文档操作

jQuery属性操作

jQuery css操作

推荐阅读更多精彩内容