DOM包裹及遍历-创新互联

包裹.unwrap()、.wrapAll()和.wrapInner()及遍历.children()和.find()

1  .unwrap()作用与wrap方法相反，将匹配元素集合的父级元素删除，保留自身（和兄弟元素）在原来的位置

2  .wrapAll(wrappingElement)给集合中匹配的元素增加一个外面包裹HTML结构

3  .wrapAll(function)一个回调函数，返回用于包裹匹配元素的HTML内容或JQuery对象，通过回调的方式可以单独处理每个元素

4  .wrapAll()函数可以接受任何字符串或对象，可以传递给$()工厂函数来指定一个DOM结构，这种结构可以嵌套多层，但是最内层只能有一个元素，所有匹配元素将会被当作是一个整体，在这个整体的外部用指定的HTML结构进行包裹

5  .wrapInner()将合集中的内部所有的子元素用其他元素包裹起来，并当做指定元素的子元素

6    .wrapInner(wrappingElement)给集合中匹配的元素的内部，增加包裹的HTML结构

7    .wrapInner(function)用一个callback函数做参数，每次遇到匹配元素时，该函数被执行，返回一个DOM元素，JQuery对象或者HTML片段，用来包住匹配元素的内容

8  通过一个选择器字符串传递给.wrapInner()函数，其参数是格式正确的HTML，并且HTML标签是被正确关闭的

9  .children()无参数，选择性的接受同一类型选择器表达式

10   .children(selector)返回匹配元素集合中每个元素的所有子元素（仅儿子辈，可以理解为父亲与儿子的关系）

11  JQuery是一个合集对象，需要对这个合集对象进行一定的筛选，找出目标元素，允许传一个选择器的表达式，可以快速查找合集里面的第一级子元素

12  .find()可以快速查找DOM树中的这些元素的后代元素

13   find是遍历当前元素集合中每个元素的后代，只要符合不管是儿子辈或孙子辈都可以

14  find与其他树遍历方法不同，选择器表达式对于.find()是必须的参数，如果需要现实对所有后代元素的取回，可以传递通配选择器'*'

15  find只在后代中遍历，不包括自己

16  选择器context是由.find()方法实现的

17  .find()和.chidren()的区别

  .find()是后代关系查找（包括父子关系），查找范围包括子节点的所有后代节点

  .chidren()是父子关系查找，只查找第一级的子节点

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。