慕课网

jQuery基础(二)—DOM篇

最热最新

_莫忘初衷_

注意：jQuery是一个合集对象，所以通过next匹配合集中每一个元素的下一个兄弟元素

查看全部

0 采集收起来源：jQuery遍历之next()方法
2016-12-13
娄亚辉

append()前面是被插入的对象，后面是要在对象内插入的元素内容 appendTo()前面是要插入的元素内容，而后面是被插入的对象

查看全部

0 采集收起来源：DOM内部插入append()与appendTo()
2016-12-13
_莫忘初衷_

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

查看全部

0 采集收起来源：DOM包裹unwrap()方法
2018-03-22
_莫忘初衷_

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

查看全部

0 采集收起来源：DOM替换replaceWith()和replaceAll()
2016-12-13
_莫忘初衷_

clone方法比较简单就是克隆节点，但是需要注意，如果节点有事件或者数据之类的其他处理，我们需要通过clone(ture)传递一个布尔值ture用来指定，这样不仅仅只是克隆单纯的节点结构，还要把附带的事件与数据给一并克隆了 clone()方法时，在将它插入到文档之前，我们可以修改克隆后的元素或者元素内容，如右边代码我 $(this).clone().css('color','red') 增加了一个颜色通过传递true，将所有绑定在原始元素上的事件处理函数复制到克隆元素上 clone()方法是jQuery扩展的，只能处理通过jQuery绑定的事件与数据元素数据（data）内对象和数组不会被复制，将继续被克隆元素和原始元素共享。深复制的所有数据，需要手动复制每一个

查看全部

0 采集收起来源：DOM拷贝clone()
2016-12-13
菲尔活该

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

查看全部

0 采集收起来源：DOM替换replaceWith()和replaceAll()
2016-12-13
菲尔活该

DOM拷贝clone() 克隆节点是DOM的常见操作，jQuery提供一个clone方法，专门用于处理dom的克隆 .clone()方法深度复制所有匹配的元素集合，包括所有匹配元素、匹配元素的下级元素、文字节点。 clone方法比较简单就是克隆节点，但是需要注意，如果节点有事件或者数据之类的其他处理，我们需要通过clone(ture)传递一个布尔值ture用来指定，这样不仅仅只是克隆单纯的节点结构，还要把附带的事件与数据给一并克隆了

查看全部

0 采集收起来源：DOM拷贝clone()
2016-12-13
_莫忘初衷_

这个方法不会把匹配的元素从jQuery对象中删除，因而可以在将来再使用这些匹配的元素。与remove()不同的是，所有绑定的事件、附加的数据等都会保留下来。 $("div").detach()这一句会移除对象，仅仅是显示效果没有了。但是内存中还是存在的。当你append之后，又重新回到了文档流中。就又显示出来了。 1.直接点击右边按钮，出现下面添加成功的，是因为内存中还有刚才detach（）的p对象，这儿的重置代码没删除内存，所以会造成有这种情况，可以刷新右边页面，不用重置代码。正常的直接点击右边按钮，其实是执行$("body").append(undefined);，页面中没有添加任何元素 2.#bt1为什么去重，当有p节点的时候才执行删除且保存到变量p中，没有p节点的时候，不执行删除且保存。如果不去重，即没有p节点的时候，执行删除且保存到变量p中，那右边按钮就是无效的了。当然这里要特别注意，detach方法是JQuery特有的，所以它只能处理通过JQuery的方法绑定的事件或者数据

查看全部

0 采集收起来源：DOM节点删除之保留数据的删除操作detach()
2018-03-22
_莫忘初衷_

要用到移除指定元素的时候，jQuery提供了empty()与remove([expr])二个方法，两个都是删除元素，但是两者还是有区别 empty方法严格地讲，empty()方法并不是删除节点，而是清空节点，它能清空元素中的所有后代节点 empty不能删除自己本身这个节点 remove方法该节点与该节点所包含的所有后代节点将同时被删除提供传递一个筛选的表达式，删除指定合集中的元素

查看全部

0 采集收起来源：DOM节点删除之empty和remove区别
2016-12-13
_莫忘初衷_

DOM节点删除之empty()的基本用法：不仅移除了指定元素中的“子元素”（和其他后代元素），同样移除子元素里的文本。它本身保留 //通过empty处理 $('.hello').empty() //结果：<p>慕课网</p>被移除 <div class="hello"></div>

查看全部

0 采集收起来源：DOM节点删除之empty()的基本用法
2018-03-22
菲尔活该

filter() 方法返回符合一定条件的元素。

查看全部

0 采集收起来源：DOM节点删除之remove()的有参用法和无参用法
2016-12-13
菲尔活该

如果不通过remove方法删除这个节点其实也很简单，但是同时需要把事件给销毁掉，这里是为了防止"内存泄漏"，所以前端开发者一定要注意，绑了多少事件，不用的时候一定要记得销毁

查看全部

0 采集收起来源：DOM节点删除之remove()的有参用法和无参用法
2018-03-22
菲尔活该

.prepend()方法将指定元素插入到匹配元素里面作为它的第一个子元素 (如果要作为最后一个子元素插入用.append()).

查看全部

0 采集收起来源：DOM内部插入prepend()与prependTo()
2016-12-13
BunnySong

each是一个for循环的包装迭代器 each通过回调的方式处理，并且会有2个固定的实参，索引与元素 each回调方法中的this指向当前迭代的dom元素 $("li").each(index,element){ $(this).css('background','red'); } index 索引 0,1 element对应的是li节点 this指向的是li

查看全部

0 采集收起来源：jQuery遍历之each()
2018-03-22
Satan6

<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>

查看全部

0 采集收起来源：DOM外部插入after()与before()
2018-03-22

首页上一页 249 250 251 252 253 254 255 下一页尾页

0/150

提交

取消

开始学习

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

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