慕课网

jQuery基础(二)—DOM篇

最热最新

慕粉1256115079

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

查看全部

0 采集收起来源：DOM外部插入insertAfter()与insertBefore()
2017-08-17
CMY123

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

查看全部

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

创建元素：document.createElement 设置属性：setAttribute 添加文本：innerHTML 加入文档：appendChild

查看全部

0 采集收起来源：DOM创建节点及节点属性
2017-08-14
慕运维7608116

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

查看全部

0 采集收起来源：jQuery遍历之next()方法
2017-08-14
慕运维7608116

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

查看全部

0 采集收起来源：jQuery遍历之closest()方法
2017-08-14
慕运维7608116

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

查看全部

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

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

查看全部

0 采集收起来源：jQuery遍历之find()方法
2017-08-14
嫦娥烤玉兔

.append 最后面加个兄弟 (结合appendTo()来记) .prepend 最前面加个兄弟(prependTo()来记) .before 我的前面加个兄弟(结合insertBefore来记) .after我的后面加个兄弟(结合insertAfter()来记) .detach() 隐身 .remove 自杀 .empty 身体被掏空

查看全部

4 采集收起来源：DOM拷贝clone()
2017-08-13
鲜花牛奶

DOM节点删除: 1.empty():清空指定元素中的所有子节点（包括文本节点），但元素标签本身不清除。如：<div class="hello"><p>慕课网</p></div> $('.hello').empty() 结果：<div class="hello"></div> 2.remove():该节点与该节点所包含的所有后代节点将同时被删除，包括绑定的事件及与该元素相关的jQuery数据。它的返回值是一个指向已被删除的节点的引用，可继续使用。 1)对象.remove() 2)对象.remove(selector) 一个选择器表达式,用来过滤将被移除的匹配元素集合。如：$('div').remove('.hello'); $("p").remove(":contains('Hello')");--等价于$("p").filter(":contains('Hello')").remove(); 3.detach([selector]):从当前页面中移除该元素节点与该节点所包含的所有后代节点，但所有绑定的事件、附加的数据等都会保留下来，且不会把元素从jQuery对象中删除，内存中还是存在，可在将来再使用这些元素。如： $("p").detach();

查看全部

0 采集收起来源：DOM节点删除之empty()的基本用法
2018-03-22
鲜花牛奶

jQuery创建节点$("html结构") 如：$("<div></div>") $("<div id='test' class='aaron'>我是文本节点</div>") $("<div class='right'><div class='aaron'>动态创建DIV元素节点</div></div>")

查看全部

0 采集收起来源：jQuery节点创建与属性的处理
2018-03-22
鲜花牛奶

DOM创建节点及节点属性: 创建元素：document.createElement 设置属性：setAttribute 添加文本：innerHTML 加入文档：appendChild document.querySelector("css选择器")返回指定选择器的第一个元素。需返回所有元素用 querySelectorAll()方法

查看全部

0 采集收起来源：DOM创建节点及节点属性
2018-03-22
慕粉1256115079

DOM内部插入prepend()与prependTo() 1）.prepend()方法将指定元素插入到匹配元素里面作为它的第一个子元素 (如果要作为最后一个子元素插入用.append()). 2）.prepend()和.prependTo()实现同样的功能，主要的不同是语法，插入的内容和目标的位置不同 3）对于.prepend() 而言，选择器表达式写在方法的前面，作为待插入内容的容器，将要被插入的内容作为方法的参数 4）而.prependTo() 正好相反，将要被插入的内容写在方法的前面，可以是选择器表达式或动态创建的标记，待插入内容的容器作为参数。这里总结下内部操作四个方法的区别： 1).append()向每个匹配的元素内部追加内容 2).prepend()向每个匹配的元素内部前置内容 3).appendTo()把所有匹配的元素追加到另一个指定元素的集合中 4).prependTo()把所有匹配的元素前置到另一个指定的元素集合中

查看全部

0 采集收起来源：DOM内部插入prepend()与prependTo()
2017-08-12
又报错了T_T

a,replacewith b = b.replaceall a

查看全部

0 采集收起来源：DOM替换replaceWith()和replaceAll()
2017-08-12
又报错了T_T

<a>XXXXXXXXXXX<a/> a.remove() 结果："" <a>XXXXXXXXXXX<a/> a.remove(":contains(XXXXX)") 结果 <a><a/>

查看全部

0 采集收起来源：DOM节点删除之remove()的有参用法和无参用法
2018-03-22
又报错了T_T

<a>XXXCCC<a/>.empty(); 结果 <a><a/>

查看全部

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

首页上一页 120 121 122 123 124 125 126 下一页尾页

0/150

提交

取消

开始学习

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

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