DOM包裹及遍历
包裹.unwrap()、.wrapAll()和.wrapInner()及遍历.children()和.find()
创新互联自2013年创立以来,是专业互联网技术服务公司,拥有项目网站建设、做网站网站策划,项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命,1280元苏家屯做网站,已为上家服务,为苏家屯各地企业和个人服务,联系电话:18980820575
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()是父子关系查找,只查找第一级的子节点
新闻标题:DOM包裹及遍历
分享地址:http://pwwzsj.com/article/gegegc.html