慕课网

jQuery基础(二)—DOM篇

最热最新

橙子哥哥

"http://libs.baidu.com/jquery/1.9.1/jquery.js"

查看全部

1 采集收起来源：DOM外部插入insertAfter()与insertBefore()
2018-03-22
慕尼黑0610541

外部插入法（兄弟）：.after()--.insertAfter();.before()--.insertBefore();需要注意的是后面每一对的后面一个方法不支持多参数处理。内部插入法（后代）：.append()--.appendTo();.prepend()--.prependTo();就是不知道后面的是不是也不支持多参数。

查看全部

1 采集收起来源：DOM外部插入insertAfter()与insertBefore()
2016-11-30
xxxx3635041

remove()和detach()可能就是其中的一个，可能remove()我们用得比较多，而detach()就可能会很少了通过一张对比表来解释2个方法之间的不同方法名参数事件及数据是否也被移除元素自身是否被移除 remove 支持选择器表达是是（无参数时），有参数时要根据参数所涉及的范围 detach 参数同remove 否情况同remove remove：移除节点无参数，移除自身整个节点以及该节点的内部的所有节点，包括节点上事件与数据有参数，移除筛选出的节点以及该节点的内部的所有节点，包括节点上事件与数据 detach：移除节点移除的处理与remove一致与remove()不同的是，所有绑定的事件、附加的数据等都会保留下来例如：$("p").detach()这一句会移除对象，仅仅是显示效果没有了。但是内存中还是存在的。当你append之后，又重新回到了文档流中。就又显示出来了。

查看全部

0 采集收起来源：DOM节点删除之detach()和remove()区别
2018-03-22
Judian

合集对象已经是确定的，如果后期需要再往这个合集中添加一新的元素要如何处理？jQuery为此提供add方法， .add()的参数可以几乎接受任何的$()，包括一个jQuery选择器表达式，DOM元素，或HTML片段引用。 each是一个for循环的包装迭代器 each通过回调的方式处理，并且会有2个固定的实参，索引与元素 each回调方法中的this指向当前迭代的dom元素 $("li").each(function(index, element) { index 索引 0,1 element是对应的li节点 li,li this 指向的是li })

查看全部

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

合集对象已经是确定的，如果后期需要再往这个合集中添加一新的元素要如何处理？jQuery为此提供add方法， .add()的参数可以几乎接受任何的$()，包括一个jQuery选择器表达式，DOM元素，或HTML片段引用。

查看全部

0 采集收起来源：jQuery遍历之add()方法
2016-11-29
Judian

快速查找指定元素集合中每一个元素的同辈元素，此时可以用siblings()方法

查看全部

0 采集收起来源：jQuery遍历之siblings()
2016-11-29
Judian

找指定元素集合中每一个元素紧邻的前面同辈元素的元素集合，此时可以用prev()方法

查看全部

0 采集收起来源：jQuery遍历之prev()方法
2016-11-29
Judian

找指定元素集合中每一个元素紧邻的后面同辈元素的元素集合，此时可以用next()方法

查看全部

0 采集收起来源：jQuery遍历之next()方法
2016-11-29
Judian

closest()方法接受一个匹配元素的选择器字符串起始位置不同：.closest开始于当前元素 .parents开始于父元素遍历的目标不同：.closest要找到指定的目标，.parents遍历到文档根元素，closest向上查找，直到找到一个匹配的就停止查找，parents一直查找到根元素，并将匹配的元素加入集合结果不同：.closest返回的是包含零个或一个元素的jquery对象，parents返回的是包含零个或一个或多个元素的jquery对象

查看全部

0 采集收起来源：jQuery遍历之closest()方法
2016-11-29
Judian

快速查找合集里面的每一个元素的所有祖辈元素，此时可以用parents()方法 1 .parents()和.parent()方法是相似的，但后者只是进行了一个单级的DOM树查找 2 $( "html" ).parent()方法返回一个包含document的集合，而$( "html" ).parents()返回一个空集合

查看全部

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

parent()方法允许我们能够在DOM树中搜索到这些元素的父级元素，快速查找合集里面的每一个元素的父元素（这里可以理解为就是父亲-儿子的关系），此时可以用parent()方法

查看全部

0 采集收起来源：jQuery遍历之parent()方法
2016-11-29
Judian

.find()和.children()方法是相似的 1.children只查找第一级的子节点 2.find查找范围包括子节点的所有后代节点 children(selector) 方法是返回匹配元素集合中每个元素的所有子元素（仅儿子辈，这里可以理解为就是父亲-儿子的关系）快速查找DOM树中的这些元素的后代元素，此时可以用find()方 - find只在后代中遍历，不包括自己。

查看全部

0 采集收起来源：jQuery遍历之find()方法
2016-11-29
Judian

<div>p元素</div> <div>p元素</div> 给所有元素增加一个p包裹 $('div').wrapInner('<p></p>') 最后的结构，匹配的di元素的内部元素被p给包裹了 <div> <p>p元素</p> </div> <div> <p>p元素</p> </div>

查看全部

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

给所有p元素增加一个div包裹 $('p').wrapAll('<div></div>') 最后的结构，2个P元素都增加了一个父div的结构 <div> <p>p元素</p> <p>p元素</p> </div>

查看全部

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

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

查看全部

0 采集收起来源：DOM包裹unwrap()方法
2016-11-29

首页上一页 253 254 255 256 257 258 259 下一页尾页

0/150

提交

取消

开始学习

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

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