慕课网

jQuery基础(二)—DOM篇

最热最新

水果馅的饺子

DOM包裹wrapInner()方法——给选中的内部整体增加一层包裹 .wrapInner( wrappingElement )：给集合中匹配的元素的内部，增加包裹的HTML结构 <div>p元素</div> <div>p元素</div> 给所有元素增加一个p包裹 $('div').wrapInner('<p></p>') 最后的结构，匹配的di元素的内部元素被p给包裹了 <div> <p>p元素</p> </div> <div> <p>p元素</p> </div> .wrapInner( function ) ：允许我们用一个callback函数做参数，每次遇到匹配元素时，该函数被执行，返回一个DOM元素，jQuery对象，或者HTML片段，用来包住匹配元素的内容 $('div').wrapInner(function() { return '<p></p>'; })

查看全部

0 采集收起来源：DOM包裹wrapInner()方法
2018-03-22
水果馅的饺子

.wrapAll()方法是给选定的集中元素加一个共同的父元素 <p>p元素</p> <p>p元素</p> 给所有p元素增加一个div包裹 $('p').wrapAll('<div></div>') 最后的结构，2个P元素都增加了一个父div的结构 <div> <p>p元素</p> <p>p元素</p> </div> .wrapAll(function):一个回调函数，返回用于包裹匹配元素的HTML内容或jQuery对象。我用jQuery 3.2.0 版本时，采用回调函数方法 $('p').wrapAll(function() { return '<div><div/>'; }) 得到的结果是 <div> <a>a元素</a> <a>a元素</a> </div> 仍然是包裹在最外层，而不是分别包裹的。

查看全部

0 采集收起来源：DOM包裹wrapAll()方法
2018-03-22
水果馅的饺子

jQuery提供了一个unwarp()方法，作用与wrap方法是相反的。将匹配元素集合的父级元素删除，保留自身（和兄弟元素，如果存在）在原来的位置。 <div> <p>p元素</p> </div> $('p').unwarp(); 找到p元素，然后调用unwarp方法，这样只会删除父辈div元素了结果： <p>p元素</p>

查看全部

0 采集收起来源：DOM包裹unwrap()方法
2018-03-22
水果馅的饺子

1.$('p').wrap('<div>')。。 2.$('p').wrap('<div/>')。。 3.$('p').wrap('<div></div>')。。以上三种写法都可以。

查看全部

0 采集收起来源：DOM包裹wrap()方法
2018-03-22
水果馅的饺子

.wrap( wrappingElement )：在集合中匹配的每个元素周围包裹一个HTML结构简单的看一段代码： <p>p元素</p> 给p元素增加一个div包裹 $('p').wrap('<div></div>') 最后的结构，p元素增加了一个父div的结构 <div> <p>p元素</p> </div> .wrap( function ) ：一个回调函数，返回用于包裹匹配元素的 HTML 内容或 jQuery 对象使用后的效果与直接传递参数是一样，只不过可以把代码写在函数体内部，写法不同而已以第一个案例为例： $('p').wrap(function() { return '<div></div>'; //与第一种类似，只是写法不一样 })

查看全部

0 采集收起来源：DOM包裹wrap()方法
2018-03-22
水果馅的饺子

replaceWith()和html()实现的功能确实很像，但是最重要的一点 html()只是把所匹配到的节点里的内容给替换掉，而replaceWith()是把匹配到的这节点替换掉；用$()选择节点A，调用replaceWith方法，传入一个新的内容B（HTML字符串，DOM元素，或者jQuery对象）用来替换选中的节点A。 <div> <p>第一段</p> <p>第二段</p> <p>第三段</p> </div> $("p:eq(1)").replaceWith('<a >替换第二段的内容</a>') 通过jQuery筛选出第二个p元素，调用replaceWith进行替换，结果如下 <div> <p>第一段</p> <a >替换第二段的内容</a>' <p>第三段</p> </div> 注意：替换后的节点，并不计算在当前索引里。所以当再次执行replaceWith或者replaceAll操作时，只计算没有被替换的索引。点replaceAll，第一次，最后一个被替换，点第二次，第五段被替换，点第三次第四段被替换。

查看全部

0 采集收起来源：DOM替换replaceWith()和replaceAll()
2018-03-22
水果馅的饺子

clone方法比较简单就是克隆节点，但是需要注意，如果节点有事件或者数据之类的其他处理，我们需要通过clone(ture)传递一个布尔值ture用来指定，这样不仅仅只是克隆单纯的节点结构，还要把附带的事件与数据给一并克隆了。

查看全部

0 采集收起来源：DOM拷贝clone()
2017-05-04
慕圣2679556

each是一个for循环的包装迭代器 each通过回调的方式处理，并且会有2个固定的实参，索引与元素 each回调方法中的this指向当前迭代的dom元素

查看全部

0 采集收起来源：jQuery遍历之each()
2017-05-04
慕圣2679556

siblings是匹配每一个元素的同辈元素

查看全部

0 采集收起来源：jQuery遍历之siblings()
2017-05-04
慕圣2679556

取得一个包含匹配的元素集合中每一个元素紧邻的前一个同辈元素的元素集合

查看全部

0 采集收起来源：jQuery遍历之prev()方法
2017-05-04
慕圣2679556

1 .parents()和.parent()方法是相似的，但后者只是进行了一个单级的DOM树查找 2 $( "html" ).parent()方法返回一个包含document的集合，而$( "html" ).parents()返回一个空集合。

查看全部

0 采集收起来源：jQuery遍历之parents()方法
2018-03-22
慕圣2679556

.find()和.children()方法是相似的 1.children只查找第一级的子节点 2.find查找范围包括子节点的所有后代节点

查看全部

0 采集收起来源：jQuery遍历之find()方法
2017-05-04
慕圣2679556

children();匹配的是每一级元素的第一个子元素

查看全部

0 采集收起来源：jQuery遍历之children()方法
2017-05-04
慕圣2679556

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

查看全部

0 采集收起来源：DOM包裹wrapInner()方法
2017-05-04
慕圣2679556

将匹配元素集合的父级元素删除，保留自身（和兄弟元素，如果存在）在原来的位置。

查看全部

0 采集收起来源：DOM包裹wrapAll()方法
2017-05-04

首页上一页 166 167 168 169 170 171 172 下一页尾页

0/150

提交

取消

开始学习

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

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