jquery中append,prepend,before和after方法的区别

jquery中append,prepend,before和after方法的区别,第1张

append:在元素内部的最后面添加元素,作为子元素,如:

通过jquery代码$("div").append("<p>我是通过append添加的</p>")

得到的结果是

prepend:在元素内部的最前面添加元素,作为子元素,如:

通过jquery代码$("div").prepend("<p>我是通过prepend添加的</p>")

得到的结果是

before:在元素的前边,作为兄弟元素添加,如

通过jquery代码 $(".base").before("<div>我是在前边添加的兄弟节点</div>")

得到的结果是

after:在元素的后边,作为兄弟元素添加,如

通过jquery代码 $(".base").after("<div>我是在后边添加的兄弟节点</div>")得到的结果是

块元素:主要特征是会产生换行效果,自动与其他元素分离成两行;通常可以作为容器在内部添加其他元素。

内联元素:不会产生换行效果,会和其他元素内联排列。设置狂赌高度无效,除非转化为块级元素。

有很多方法的

append(content)

向每个匹配的元素内部追加内容。这个 *** 作与对指定的元素执行appendChild方法,将它们添加到文档中的情况类似。

appendTo(content)

把所有匹配的元素追加到另一个、指定的元素元素集合中。实际上,使用这个方法是颠倒了常规的$(A).append(B)的 *** 作,即不是把B追加到A中,而是把A追加到B中。在jQuery 1.3.2中,appendTo, prependTo, insertBefore, insertAfter, 和 replaceAll这个几个方法成为一个破坏性 *** 作,返回值是所有被追加的内容,而不仅仅是先前所选中的元素。所以,要选择先前选中的元素,需要使用 end()方法,参见例二。

。。。。。。

还有很多!你随便找一个jquery的api,里面文档处理里有很多方法的


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11657413.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-17
下一篇2023-05-17

发表评论

登录后才能评论

评论列表(0条)

    保存