可用jquery在div添加标签吗

PHP中文网

2023-03-20 帮助100人

用jquery可以在div中添加标签，有4种方法：

append() 方法：向所选元素内部的“末尾处”插入内容。
prepend() 方法：向所选元素内部的“开始处”插入内容。
appendTo() 方法：在被选元素的结尾（但仍在元素的内部）插入指定的内容。但不能使用函数来附加内容。
prependTo() 方法：在被选元素的开头（但仍在元素的内部）插入指定的内容。

jquery添加节点的方法

就拿这个简单的小例子说明一下

学新通技术网

1、append方法

<body>
    <div>我是里面的div</div>
    <p>我是外面p</p>
</body>

<script>
    $(function(){
        $("div").append($("p"));//添加到元素内容的后面
    })
</script>

学新通技术网

2、prepend方法

<body>
    <div>我是里面的div</div>
    <p>我是外面p</p>
</body>

<script>
    $(function(){
        $("div").prepend($("p"));//添加到元素内容的前面

    })
</script>

学新通技术网

3、appendTo方法

<body>
    <div>我是里面的div</div>
    <p>我是外面p</p>
</body>

<script>
    $(function(){
        $("p").appendTo($("div"));//子元素添加到父元素里,并且添加到父元素内容的后面面
    
    })
</script>

学新通技术网

4、prependTo方法

<body>
    <div>我是里面的div</div>
    <p>我是外面p</p>
</body>

<script>
    $(function(){
       $("p").prependTo($("div"));//子元素添加到父元素里,并且添加到父元素内容的前面
    
    })
</script>

学新通技术网

这篇好文章是转载于：学新通技术网

可用jquery在div添加标签吗

photoshop保存的图片太大微信发不了怎么办

Android 11 保存文件到外部存储，并分享文件

word里面弄一个表格后上面的标题会跑到下面怎么办

《学习通》视频自动暂停处理方法

photoshop扩展功能面板显示灰色怎么办

微信公众号没有声音提示怎么办

excel下划线不显示怎么办

excel打印预览压线压字怎么办

怎样阻止微信小程序自动打开

TikTok加速器哪个好免费的TK加速器推荐