慕课网

jQuery基础(二)—DOM篇

最热最新

丿花落灬誰惜

jQuery中wrap、wrapAll和wrapInner用法以及区别 <ul> <li title='苹果'>苹果</li> <li title='橘子'>橘子</li> <li title='菠萝'>菠萝</li> </ul> 1、$("li").wrap("<div></div>"); 每一个选择器都添加 <ul> <div><li title="苹果">苹果</li></div> <div><li title="橘子">橘子</li></div> <div><li title="菠萝">菠萝</li></div> </ul> 2、$("li").wrapAll("<div></div>"); 在所有选中的选择器最外面添加 <ul> <div> <li title="苹果">苹果</li> <li title="橘子">橘子</li> <li title="菠萝">菠萝</li> </div> </ul> 3、$("li").wrapInner("<div></div>"); 为选择器的内容添加 <ul> <li title='苹果'><div>苹果</div></li> <li title='橘子'>><div>橘子</div></li> <li title='菠萝'>><div>菠萝</div></li> </ul>

查看全部

0 采集收起来源：DOM包裹wrapInner()方法
2018-03-22
丿花落灬誰惜

wrap包裹单个dom元素，unwrap去掉外围的包裹元素，wrapAll包裹集合中的元素注：wrapAll（）是给一个集合添加且只添加一个父类元素！如 <p>p元素</p> <p>p元素</p> 给所有p元素增加一个div包裹 $('p').wrapAll('<div></div>') 最后的结构，2个P元素都增加了一个父div的结构 <div> <p>p元素</p> <p>p元素</p> </div>

查看全部

0 采集收起来源：DOM包裹wrapAll()方法
2018-03-22
丿花落灬誰惜

.unwrap() 父级元素删除，保留自身（和兄弟元素，如果存在）在原来的位置。 .empty() 删除所有子元素和文本 .detach（）删除元素，但是有保存，以便再次用起，用append等插入还可以显示 .remove（）删除元素，包括其本身及其子元素

查看全部

0 采集收起来源：DOM包裹unwrap()方法
2016-10-10
丿花落灬誰惜

unwrap():删除父类方法，保留自身和兄弟元素，且位置不变如<div> <p>p元素</p> </div> 通过$('p').unwrap()方法处理后，得到的是<p>p元素</p>

查看全部

0 采集收起来源：DOM包裹unwrap()方法
2018-03-22
丿花落灬誰惜

wrap()方法主要用于给某一元素添加一个包裹元素，即父类元素 $('p':eq(1)).wrap('<div></div>')即为给标签P添加一个父div结构 $('p':eq(1)).wrap(function(){ return '<div></div>'})和上面功能相同，只是写法不同

查看全部

0 采集收起来源：DOM包裹wrap()方法
2018-03-22
丿花落灬誰惜

DOM包裹wrap()方法 .wrap( wrappingElement )：在集合中匹配的每个元素周围包裹一个HTML结构如：<p>p元素</p> $('p').wrap('<div></div>') 结果：<div><p>p元素</p></div> .wrap(function)：一个回调函数，返回用于包裹匹配元素的 HTML 内容或 jQuery 对象如：$('p').wrap(function() { //结果与第一种类似，只是写法不一样 return '<div></div>'; }) 注意事项： .wrap()函数可以接受任何字符串或对象，可以传递给$()工厂函数来指定一个DOM结构。这种结构可以嵌套了好几层深，但应该只包含一个核心的元素。每个匹配的元素都会被这种结构包裹。该方法返回原始的元素集，以便之后使用链式方法。

查看全部

0 采集收起来源：DOM包裹wrap()方法
2018-03-22
菩提树下一粒尘

<script type="text/javascript"> $("button:first").click(function() { $('.item-b').parents().css('border', '2px solid red') //? }) </script> <script type="text/javascript"> $("button:last").click(function() { //找到当前元素的所有祖辈元素,筛选出class="first-div"的元素 //并且附上一个边 $('.item-b').parents('.first-div').css('border', '2px solid blue') }) </script>

查看全部

0 采集收起来源：jQuery遍历之parents()方法
2018-03-22
梦的海洋

.unwrap() 父级元素删除，保留自身（和兄弟元素，如果存在）在原来的位置。 .empty(0 删除所有子元素 .detach（）删除元素，但是有保存，以便再次用起 .remove（）删除元素，包括其本身及其子元素

查看全部

0 采集收起来源：DOM包裹unwrap()方法
2016-10-09
梦的海洋

replaceAll()和.replaceWith()功能类似，主要是目标和源的位置区别 .replaceWith()与.replaceAll() 方法会删除与节点相关联的所有数据和事件处理程序 .replaceWith()方法，和大部分其他jQuery方法一样，返回jQuery对象，所以可以和其他方法链接使用 .replaceWith()方法返回的jQuery对象引用的是替换前的节点，而不是通过replaceWith/replaceAll方法替换后的节点

查看全部

0 采集收起来源：DOM替换replaceWith()和replaceAll()
2016-10-09
梦的海洋

.replaceWith( newContent )：用提供的内容替换集合中所有匹配的元素并且返回被删除元素的集合就是用$()选择节点A，调用replaceWith方法，传入一个新的内容B（HTML字符串，DOM元素，或者jQuery对象）用来替换选中的节点A

查看全部

0 采集收起来源：DOM替换replaceWith()和replaceAll()
2016-10-09
梦的海洋

clone(),只克隆结构，事件丢失，clone(true) //结构、事件与数据都克隆

查看全部

0 采集收起来源：DOM拷贝clone()
2016-10-09
ethanweb

.wrapAll() 包裹所有元素 .warpAll() 包裹每一个元素

查看全部

0 采集收起来源：DOM包裹wrapAll()方法
2016-10-09
ethanweb

.unwrap() 父级元素删除，保留自身（和兄弟元素，如果存在）在原来的位置。 .empty(0 删除所有子元素 .detach（）删除元素，但是有保存，以便再次用起 .remove（）删除元素，包括其本身及其子元素

查看全部

0 采集收起来源：DOM包裹unwrap()方法
2016-10-09
ethanweb

.wrap（）给其选定元素添加一个父元素 .wrap(function) 一个回调函数，返回用于包裹匹配元素的HTML内容和jQuery对象

查看全部

0 采集收起来源：DOM包裹wrap()方法
2016-10-09
ethanweb

.replaceWidth(newContent) 用提供的内容替换集合中所有匹配的元素并且返回删除元素的集合 .replaceAll(target) 用集合的匹配元素替换每个目标元素

查看全部

0 采集收起来源：DOM替换replaceWith()和replaceAll()
2016-10-09

首页上一页 297 298 299 300 301 302 303 下一页尾页

0/150

提交

取消

开始学习

课程须知: 1、有HTML/CSS基础 2、有JavaScript基础

老师告诉你能学到什么？: 1、jQuery的语法 2、jQuery节点操作