【JQuery】使用wrap()和wrapInner()方法包裹元素和内容

wrap()和wrapInner()方法都可以进行元素的包裹.

wrap()用于包裹元素本身,wrapInner()则用于包裹元素中的内容,它们的调用格式分别为:

$(selector).wrap(wrapper)$(selector).wrapInner(wrapper)

参数selector为被包裹的元素,wrapper参数为包裹元素的格式。


区别是什么呢?打个比方。

warp()是将一个标签包裹进另一个标签,这句话的意思就是把一个标签放到另一个标签里面,例如:<li>123<li>用<div></div>包裹,结果是这样<div><li>123</li></div>,是外包裹。

而warpInner是包裹元素内的内容,就是将本来<li>123</li>中的内容123用<div></div>进行了包裹,变成了<li><div>123</div></li>,是内包裹。


<body>
        <h3>使用wrapInner()方法包裹元素</h3>
        <span class="red" title='hi'>我的身体有点歪</span>
        
        <script type="text/javascript">
            $(".red").wrapInner("<i></i>");
            $(".red").wrap("<div></div>");
        </script>
    </body>

结果:







评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值