脚本宝典收集整理的这篇文章主要介绍了jQuery的DOM操作、,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
jQuery的DOM操作
删除节点
remove()、detach()、empty()
-
remove()
VAR $li = $("ul li:eq(0)").remove();
$li.apPEndTo("ul");
用remove()删除节点后,所有后代节点同时删除。该方法返回值是一个指向已被删除的节点。但除了这个元素本身得以保留之外,其他的比如绑定的事件,附加的数据等都会被移除。
-
detach()
与remove()的区别是仍然保留其绑定的数据。
-
empty()
作用是清空元素内的后代元素。
复制节点
clone()
复制的节点会带 原来的性质 ,但并不具有任何行为。如需要新元素复制功能,在cline()中传递一个参数true。
$("ul li").click(function(){
$(this).clone(true).appendTo("ul");
})
替换节点
replaceWITh()、replaceAll()
将所匹配的元素替换成指定的HTML或者DOM。例如<p>hao</p>
换成<b>hao</b>
$("p").replaceWith("<b>hao</b>");
$("<b>hao</b>").replaceAll("p");
如果替换前绑定了事件,替换后需要重新给新元素绑定事件。
设置和获取HTML、文本和值
html()、text()和val()
遍历节点
parent()、parents()和closest()
parent()
匹配元素的父元素
parents()
匹配元素的祖先元素
closest()
从本身开始找,本身不是则逐级向上级 父元素 匹配
以上是脚本宝典为你收集整理的jQuery的DOM操作、全部内容,希望文章能够帮你解决jQuery的DOM操作、所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。