慕课网

jQuery基础(二)—DOM篇

最热最新

慕粉3807982

children()：向下找儿子 parent()：向上找爸爸 parents()：向上找祖宗 find()：向下找后代

查看全部

0 采集收起来源：jQuery遍历之parents()方法
2016-09-28
anfumin

var oli=$('.level-3 li:nth-child(3)')

查看全部

0 采集收起来源：jQuery遍历之find()方法
2016-09-28
闲杂人

empty 顾名思义，清空方法，但是与删除又有点不一样，因为它只移除了指定元素中的所有子节点。这个方法不仅移除子元素（和其他后代元素），同样移除元素里的文本。因为，根据说明，元素里任何文本字符串都被看做是该元素的子节点。请看下面的HTML： <div class="hello"><p>慕课网</p></div> 如果我们通过empty方法移除里面div的所有元素，它只是清空内部的html代码，但是标记仍然留在DOM中 //通过empty处理 $('.hello').empty() //结果：<p>慕课网</p>被移除 <div class="hello"></div>

查看全部

0 采集收起来源：DOM节点删除之empty()的基本用法
2018-03-22
闲杂人

.before()和.insertBefore()实现同样的功能。主要的区别是语法——内容和目标的位置。对于before()选择表达式在函数前面，内容作为参数，而.insertBefore()刚好相反，内容在方法前面，它将被放在参数里元素的前面 .after()和.insertAfter() 实现同样的功能。主要的不同是语法——特别是（插入）内容和目标的位置。对于after()选择表达式在函数的前面，参数是将要插入的内容。对于 .insertAfter(), 刚好相反，内容在方法前面，它将被放在参数里元素的后面 before、after与insertBefore。insertAfter的除了目标与位置的不同外，后面的不支持多参数处理注意事项： insertAfter将JQuery封装好的元素插入到指定元素的后面，如果元素后面有元素了，那将后面的元素后移，然后将JQuery对象插入； insertBefore将JQuery封装好的元素插入到指定元素的前面，如果元素前面有元素了，那将前面的元素前移，然后将JQuery对象插入；

查看全部

0 采集收起来源：DOM外部插入insertAfter()与insertBefore()
2016-09-28
jazia

.wrapAll( wrappingElement )：给集合中匹配的元素增加一个外面包裹HTML结构简单的看一段代码： <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 ) ：一个回调函数，等同于wrap的处理了 <div> <p>p元素</p> </div> <div> <p>p元素</p> </div> warpall() 给所有孩子找一个共同的爹 warp() 给所有孩子各找一个爹

查看全部

0 采集收起来源：DOM包裹wrapAll()方法
2018-03-22
jazia

jQuery提供了一个unwarp()方法，作用与wrap方法是相反的。将匹配元素集合的父级元素删除，保留自身（和兄弟元素，如果存在）在原来的位置。看一段简单案例： <div> <p>p元素</p> </div> 我要删除这段代码中的div，一般常规的方法会直接通过remove或者empty方法但是如果我还要保留内部元素p，这样就意味着需要多做很多处理，步骤相对要麻烦很多，为了更便捷，jQuery提供了unwarp方法很方便的处理了这个问题 $('p').unwarp(); 结果： <p>p元素</p> 这个方法比较简单，也不接受任何参数，注意参考下案例的使用即可

查看全部

0 采集收起来源：DOM包裹unwrap()方法
2018-03-22
jazia

如果要将元素用其他元素包裹起来，也就是给它增加一个父元素，针对这样的处理，JQuery提供了一个wrap方法 <button class="aaron2">点击,通过wrap的回调方法给a元素增加父容器div</div> <div class="left"> <a>a1元素</a> <a>a2元素</a> </div> <script type="text/javascript"> $(".aaron2").on('click', function() { $('a').wrap(function() { return '<div class="' + $(this).text() + '" />'; }) }) </script> ‘$(this).text()’在此处的值为“a元素”，也就相当于return '<div class='a1元素'></div><div class='a2元素'></div>' .wrap( function ) ：一个回调函数，返回用于包裹匹配元素的 HTML 内容或 jQuery 对象 $('p').wrap(function() { return '<div><div/>'; //与第一种类似，只是写法不一样 })

查看全部

0 采集收起来源：DOM包裹wrap()方法
2018-03-22
慕粉1471746318

DOM包裹方法wrap(),为指定元素生成父元素

查看全部

0 采集收起来源：DOM包裹wrap()方法
2016-09-27
慕粉1471746318

DOM替换replaceWith()和replaceALL()

查看全部

0 采集收起来源：DOM替换replaceWith()和replaceAll()
2016-09-27
慕粉1471746318

Empty() remove() detach()

查看全部

0 采集收起来源：DOM节点删除之detach()和remove()区别
2016-09-27
jazia

replaceWith()和html()实现的功能确实很像，但是最重要的一点 html()只是把所匹配到的节点里的内容(也就是文本或子元素)给替换掉，而replaceWith()是把匹配到的这节点替换掉；替换内容.replaceAll(原内容)：replaceAll 代替，替换全部原内容.replaceWith(替换内容)：replaceWith 替代为，替换成

查看全部

0 采集收起来源：DOM替换replaceWith()和replaceAll()
2016-09-27
慕粉1471746318

empty清空方法移除当前元素下的所有子元素及内部的HTML代码

查看全部

0 采集收起来源：DOM节点删除之empty()的基本用法
2016-09-27
慕粉1471746318

insertAfter() insertBefore()

查看全部

0 采集收起来源：DOM外部插入insertAfter()与insertBefore()
2016-09-27
jazia

HTML部分 <div></div> JavaScript部分 $("div").on('click', function() {//执行操作}) //clone处理一 $("div").clone() //只克隆了结构，事件丢失 //clone处理二 $("div").clone(true) //结构、事件与数据都克隆 clone()方法时，在将它插入到文档之前，我们可以修改克隆后的元素或者元素内容，如右边代码我 $(this).clone().css('color','red') 增加了一个颜色最终我们的目的肯定还是要将内存中的该DOM节点插入到DOM树中去的。所以说单纯的克隆节点是没有意义的，可能会导致内存泄露。

查看全部

0 采集收起来源：DOM拷贝clone()
2018-03-22
jazia

remove（）删除元素之后文本内容会被保存，依然能使用append（）再把它找回，只是jQuery绑定的事件和数据会被销毁，而decath（）会保存jQuery绑定的事件和数据 e.target.innerHTML 这句是什么意思? 2016-08-04 在触发DOM上的事件都会产生一个对象，即事件对象（也称event对象），这里用e接收事件对象。事件对象有很多属性和方法，此处的target属性是获取事件目标，即p元素DOM对象，然后获取其相应的属性

查看全部

0 采集收起来源：DOM节点删除之detach()和remove()区别
2016-09-27

首页上一页 307 308 309 310 311 312 313 下一页尾页

0/150

提交

取消

开始学习

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

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