集团站切换校区

验证码已发送,请查收短信

图标

学习文章

当前位置:首页 > >学习文章 > >

{HTML5}DOM节点操作-第二节

发布时间: 2019-01-11 09:12:50

​jQuery 提供了一系列方法用于包裹节点,那包裹节点是什么意思呢?其实就是使用字符串代码将指定元素的代码包含着的意思。


$('div').wrap('<strong></strong>');             //在 div 外层包裹一层 strong

$('div').wrap('<strong>123</strong>');         //包裹的元素可以带内容

$('div').wrap('<strong><em></em></strong>');     //包裹多个元素

$('div').wrap($('strong').get(0));             //也可以包裹一个原生 DOM,这样返回是没有任何元素

//<strong></strong>                             //通过以上代码获取到strong包进div

$('div').wrap(document.createElement('strong'));     //临时的原生 DOM

$('div').wrap(function (index) {             //匿名函数

return '<strong></strong>';

});

$('div').unwrap(); $('div').unwrap();             //把指div外层元素移除

$('div').wrapAll('<strong></strong>');        //所有 div 外面只包一层 strong

$('div').wrapAll($('strong').get(0));            //同上

$('div').wrapInner('<strong></strong>');         //包裹子元素与内容,内层

$('div').wrapInner($('strong').get(0));        //DOM 节点

$('div').wrapInner(function () {            //匿名函数

return '<strong></strong>';

});




上一篇: {SpringBoot}web开发

下一篇: {springboot}配置多套环境

十年老品牌
QQ咨询:450959328 微信咨询:togogozhong 咨询电话:400-885-2225 咨询网站客服:在线客服

相关课程推荐

在线咨询 ×

您好,请问有什么可以帮您?我们将竭诚提供最优质服务!