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

​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>';

});