js 删除元素_jq: dom-删除、包裹

replaceAll() 使用元素把什么元素替换

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>Page Title</title>
</head>
<body>
    <ul>
        <li class="one">one</li>
        <li class="two">two</li>
    </ul>
    <li class="three">three</li>
    <script src="../jquery-3.4.1.js"></script>
    <script>
 $('.three').replaceAll($('.two'));
    </script>
</body>
</html>

d3078b025583d12a0f380bfa8a53fcb6.png

replaceWith() 希望元素被什么元素替换

$

fb59f562b7550a7a23120db598461f35.png

empty() 把元素的子元素都清空

$

3693ebf2ea559e8ac3bb8c8de25c2fa8.png
$

使用这两个方法也可以达到empty清空的方法。


删除方法: remove() 和 detach()

他们都是一模一样的删除方法,唯一的区别在于remove删除元素后,返回删除的元素不包含了事件函数;而detach删除之后返回的元素,还保留着事件函数。如:

var 

09905c02fb9e08858d5c03d9d90071b3.gif

clone 克隆元素

默认普通克隆,不会克隆事件函数

var 

d7abd3c82ab70c34be7d95be9d7224ed.gif

如果传参true,那么也可以克隆事件函数

var 

927e478198254745829da5004297ce4a.gif

wrap() 在元素上包裹一层什么元素

如:

$

c94d1feb7758eee95afeb78ee623868e.png

wrapAll() 把相同的元素合集包裹

先选中谁,就把其他的拿过来一起包裹。

<

08b961acd92dca8888a97aa2ca98fd7f.png

wrapInner() 在元素的里层包裹

$('li').wrapInner('<a></a>')

b4ea65770aa22408de312c2c4e64af97.png

unwrap() 解除元素的上层包裹(body不可以接触),不需要传参。

$

61ded16db5d2d130ba22e2e92eace664.png
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值