慕课网

jQuery基础(二)—DOM篇

最热最新

只愿你自由4415974

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

查看全部

0 采集收起来源：jQuery遍历之next()方法
2017-06-08
只愿你自由4415974

粗看.parents()和.closest()是有点相似的，都是往上遍历祖辈元素，但是两者还是有区别的，否则就没有存在的意义了 1、起始位置不同：.closest开始于当前元素 .parents开始于父元素 2、遍历的目标不同：.closest要找到指定的目标，.parents遍历到文档根元素，closest向上查找，直到找到一个匹配的就停止查找，parents一直查找到根元素，并将匹配的元素加入集合 3、结果不同：.closest返回的是包含零个或一个元素的jquery对象，parents返回的是包含零个或一个或多个元素的jquery对象

查看全部

0 采集收起来源：jQuery遍历之closest()方法
2017-06-08
只愿你自由4415974

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

查看全部

0 采集收起来源：jQuery遍历之parents()方法
2018-03-22
只愿你自由4415974

parent()无参数注意：jQuery是一个合集对象，所以通过parent是匹配合集中每一个元素的父元素

查看全部

0 采集收起来源：jQuery遍历之parent()方法
2017-06-08
只愿你自由4415974

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

查看全部

0 采集收起来源：jQuery遍历之find()方法
2017-06-08
只愿你自由4415974

如果想快速查找合集里面的第一级子元素，此时可以用children()方法。这里需要注意：.children(selector) 方法是返回匹配元素集合中每个元素的所有子元素（仅儿子辈，这里可以理解为就是父亲-儿子的关系）

查看全部

0 采集收起来源：jQuery遍历之children()方法
2017-06-08
只愿你自由4415974

.wrapInner( wrappingElement )：给集合中匹配的元素的内部，增加包裹的HTML结构 .wrapInner( function ) ：允许我们用一个callback函数做参数，每次遇到匹配元素时，该函数被执行，返回一个DOM元素，jQuery对象，或者HTML片段，用来包住匹配元素的内容

查看全部

0 采集收起来源：DOM包裹wrapInner()方法
2017-06-08
只愿你自由4415974

wrap是针对单个dom元素处理，如果要将集合中的元素用其他元素包裹起来，也就是给他们增加一个父元素，就用到了.wrapAll( wrappingElement ) .wrapAll( wrappingElement )：给集合中匹配的元素整体增加一个外面包裹HTML结构 .wrapAll( function ) ：一个回调函数，可以单独处理每一个元素，在每个元素外面增加一个外面包裹HTML结构

查看全部

0 采集收起来源：DOM包裹wrapAll()方法
2017-06-08
只愿你自由4415974

unwarp()方法，作用与wrap方法是相反的。将匹配元素集合的父级元素删除，保留自身（和兄弟元素，如果存在）在原来的位置。

查看全部

0 采集收起来源：DOM包裹unwrap()方法
2017-06-08
只愿你自由4415974

第一种写法：$('p').wrap('<div></div>') 第二种写法： $('p').wrap(function() { return '<div></div>'; })

查看全部

0 采集收起来源：DOM包裹wrap()方法
2018-03-22
只愿你自由4415974

.replaceWith( newContent )：用提供的内容替换集合中所有匹配的元素并且返回被删除元素的集合。 .replaceAll( target ) ：用集合的匹配元素替换每个目标元素总结： .replaceAll()和.replaceWith()功能类似，主要是目标和源的位置区别 .replaceWith()与.replaceAll() 方法会删除与节点相关联的所有数据和事件处理程序 .replaceWith()方法，和大部分其他jQuery方法一样，返回jQuery对象，所以可以和其他方法链接使用 .replaceWith()方法返回的jQuery对象引用的是替换前的节点，而不是通过replaceWith/replaceAll方法替换后的节点

查看全部

0 采集收起来源：DOM替换replaceWith()和replaceAll()
2017-06-08
只愿你自由4415974

clone() 只克隆节点不克隆事件和数据 clone() 克隆节点及事件数据

查看全部

0 采集收起来源：DOM拷贝clone()
2017-06-08
只愿你自由4415974

remove：移除节点无参数，移除自身整个节点以及该节点的内部的所有节点，包括节点上事件与数据有参数，移除筛选出的节点以及该节点的内部的所有节点，包括节点上事件与数据 detach：移除节点移除的处理与remove一致与remove()不同的是，所有绑定的事件、附加的数据等都会保留下来例如：$("p").detach()这一句会移除对象，仅仅是显示效果没有了。但是内存中还是存在的。当你append之后，又重新回到了文档流中。就又显示出来了。

查看全部

0 采集收起来源：DOM节点删除之detach()和remove()区别
2018-03-22
只愿你自由4415974

如果我们希望临时删除页面上的节点，但是又不希望节点上的数据与事件丢失，并且能在下一个时间段让这个删除的节点显示到页面，这时候就可以使用detach方法来处理。当然这里要特别注意，detach方法是JQuery特有的，所以它只能处理通过JQuery的方法绑定的事件或者数据

查看全部

0 采集收起来源：DOM节点删除之保留数据的删除操作detach()
2017-06-08
只愿你自由4415974

empty方法严格地讲，empty()方法并不是删除节点，而是清空节点，它能清空元素中的所有后代节点 empty不能删除自己本身这个节点 remove方法该节点与该节点所包含的所有后代节点将同时被删除提供传递一个筛选的表达式，删除指定合集中的元素

查看全部

0 采集收起来源：DOM节点删除之empty和remove区别
2017-06-08

首页上一页 148 149 150 151 152 153 154 下一页尾页

0/150

提交

取消

开始学习

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

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