JQuery的学习(3)

最新推荐文章于 2024-08-09 02:16:38 发布

原创最新推荐文章于 2024-08-09 02:16:38 发布 · 257 阅读

0 ·

CC 4.0 BY-SA版权

javascript 专栏收录该内容

37 篇文章

订阅专栏

本文详细介绍了JQuery中各种DOM操作方法的功能及使用场景，包括append(), appendTo(), before(), after(), clone(), detach(), empty(), html(), insertAfter(), insertBefore(), prepend(), prependTo(), remove(), replaceAll(), replaceWith(), unwrap(), wrap(), wrapAll()等，并简要提及了非DOM操作如each(), get(), index(), toArray()等方法。

JQuery的DOM操作

append() 在每个匹配项的末尾插入参数项目，（是插入其中）;
appendTo() 将选择到的元素插入到参数末尾，（插入其中）;
before() 在匹配的元素前插入参数，（外部插入）；
after() 在匹配的元素后插入参数，（外部插入）;
clone() 创建一个元素的深拷贝复制；
detach() 删除所有匹配的元素
empty() 删除所有匹配元素的子节点
html() 返回的是该元素的innerHTML
insertAfter() 在目标元素后面插入集合中每个匹配的元素(注：插入的元素作为目标元素的兄弟元素，与after()方法对应，只是匹配元素和被插入元素的位置不同)
insertBefore() 在目标元素前面插入集合中每个匹配的元素，同上
prepend() 将参数内容插入到每个匹配元素的前面（与append对应）;
prependTo() 将匹配内容插入到参数的前面（和appendTo对应）;
remove() 无参数：移除匹配元素，有参数：移除匹配元素中选中参数部分。
replaceAll() 用匹配元素去替换所有的目标元素。A.replaceAll(B)，A替换B。
replaceWith() 用提供的内容替换集合中所有匹配的元素并且返回被删除元素的集合。感觉就是和上面就是反过来一哈
unwrap() 删除匹配元素的父级元素，并保留他原来的位置，不会影响其兄弟元素；
wrap() wrap是在目标元素外加上一个父元素，父元素可以加类，别忘了用/闭合标签
wrapAll() 这个方法接收任何字符串或者对象

<p>hello</p>
$("p").wrapAll(document.createElement("div));

非DOM操作

each() 遍历一个JQuery对象，为匹配元素执行一个函数
get() 通过JQuery对象获取一个DOM元素
index() 返回JQuery对象中匹配元素的index值
toArray() 返回一个匹配元素的数组对象