當(dāng)前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

jquery中的创建节点和添加节点的方法

發(fā)布時(shí)間：2023/12/1 编程问答 35 豆豆

生活随笔收集整理的這篇文章主要介紹了 jquery中的创建节点和添加节点的方法小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

今天來說一下針對(duì)jquary關(guān)于創(chuàng)建節(jié)點(diǎn)和添加節(jié)點(diǎn)的方法，先來看看創(chuàng)建節(jié)點(diǎn)：

1、直接添加節(jié)點(diǎn)內(nèi)容即可

$("div").append('<a href="http://www.baidu.com">百度一下</a>');

2、可以創(chuàng)建jquary對(duì)象添加進(jìn)去

var $li=$('<a href="http://www.baidu.com">百度一下</a>');$("div").append($li)

以上兩種方法都是常用到的。

接下來就看看如何添加節(jié)點(diǎn)：就拿這個(gè)簡單的小例子說明一下

1、append方法

<body><div>我是里面的div</div><p>我是外面p</p> </body><script>$(function(){$("div").append($("p"));//添加到元素內(nèi)容的后面 }) </script>

?2、prepend方法

<body><div>我是里面的div</div><p>我是外面p</p> </body><script>$(function(){$("div").prepend($("p"));//添加到元素內(nèi)容的前面 }) </script>

?3、appendTo方法

<body><div>我是里面的div</div><p>我是外面p</p> </body><script>$(function(){$("p").appendTo($("div"));//子元素添加到父元素里,并且添加到父元素內(nèi)容的后面面 }) </script>

4、prependTo方法

<body><div>我是里面的div</div><p>我是外面p</p> </body><script>$(function(){$("p").prependTo($("div"));//子元素添加到父元素里,并且添加到父元素內(nèi)容的前面 }) </script>

5、after方法

<body><div>我是里面的div</div><p>我是外面p</p> </body><script>$(function(){$("div").after($("p"));//添加到自己的后面 }) </script>

?6、before方法

<body><div>我是里面的div</div><p>我是外面p</p> </body><script>$(function(){$("div").before($("p"));//添加到自己的前面 }) </script>

好了~以上便是添加節(jié)點(diǎn)的幾個(gè)方法，都可以用，不過具體項(xiàng)目中可以根據(jù)情況來具體使用！

轉(zhuǎn)載于:https://www.cnblogs.com/web001/p/8406998.html

以上是生活随笔為你收集整理的jquery中的创建节点和添加节点的方法的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。