jquery节点方法

发布时间:2022-06-27 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了jquery节点方法脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

<!-- 加入节点 --><div style="width: 100px;height: 100px;" class="div06">这是div中的元素</div><script tyPE="text/javascript">// $('.div06').htML("<br>"+"<a>这是用html()插入的一个超链接,有替换效果</a>"+"<br>")// VAR Node01 = $("<br>"+'<a>这是传递法,配合append()使用,让元素插入到其第一个子元素之后</a>'+"<br>")// $('.div06').append(Node01)// var Node02 = $("<br>"+'<a>这是传递法,配合PRepend()使用,让元素插入到其第一个子元素之前</a>'+"<br>")// $('.div01').prepend(Node02)// var Node03 = $("<br>"+'<a>这是传递法,配合appendTo()使用,让元素插入到其所有元素‘尾部’</a>'+"<br>")// $(Node03).appendTo('.div06')// var Node04 = $("<br>" + '<a>这是传递法,配合prependTo()使用,让元素插入到其所有元素‘头部’</a>' + "<br>")// $(Node04).prependTo('.div01')//除此之外,还有before、insertBefore、after、insertAfter、

// 删除节点// var resultremove = $('.li01').remove()// $('resultremove').appendTo('.li01')//remove()删除后不课恢复// var resultdetach = $('.li02').detach()// $(resultdetach).prependTo('.li03')//detach()删除后可恢复,注意append和perpend的使用// var emptyresult = $(".li03").empty()// $(emptyresult).appendTo('ul')//empty()删除后无法恢复//复制节点// var cloneCopy = $('.li01').clone()// $(cloneCopy).appendTo('.li03')//clone()复制整个节点//替换节点// $('.li01').replaceWITh('<a>我替换了li01节点</a>')// $('<a>我替换了li01节点</a>').replaceAll('.li01')replaceAll和replaceWith同理,只是位置不同//包裹节点// $('h').wrap('<h1>我用h1包裹了h标签</h1>')// $("h").wrapAll('<h2>我用wrapAll,h1包裹住了第二个p标签</h2>')// $('h').wrapInner('<h3>我用wrapInner,h1包裹了其里面的内容</h3>')// //不同的是他们在JavaScript里面的写法,一个包全部,一个个个包</script>

脚本宝典总结

以上是脚本宝典为你收集整理的jquery节点方法全部内容,希望文章能够帮你解决jquery节点方法所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。