慕课网

jQuery基础(二)—DOM篇

最热最新

白二的诗

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

查看全部

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

DOM节点删除之保留数据的删除操作detach() 如果我们希望临时删除页面上的节点，但是又不希望节点上的数据与事件丢失，并且能在下一个时间段让这个删除的节点显示到页面，这时候就可以使用detach方法来处理来看看jquery官方文档的解释：这个方法不会把匹配的元素从jQuery对象中删除，因而可以在将来再使用这些匹配的元素。与remove()不同的是，所有绑定的事件、附加的数据等都会保留下来。 $("div").detach()这一句会移除对象，仅仅是显示效果没有了。但是内存中还是存在的。当你append之后，又重新回到了文档流中。就又显示出来了。 <script type="text/javascript"> $('p').click(function(e) { alert(e.target.innerHTML) }) var p; $("#bt1").click(function() { if (!$("p").length) return; //去重 //通过detach方法删除元素 //只是页面不可见，但是这个节点还是保存在内存中 //数据与事件都不会丢失 p = $("p").detach() }); $("#bt2").click(function() { //把p元素在添加到页面中 //事件还是存在 $("body").append(p); });

查看全部

0 采集收起来源：DOM节点删除之保留数据的删除操作detach()
2018-03-22
白二的诗

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

查看全部

0 采集收起来源：DOM节点删除之empty和remove区别
2016-10-21
白二的诗

$("p").filter(":contains('3')").remove() .filter()是一个遍历方法，会用匹配元素的子集构造一个新的 jQuery 对象。所使用的选择器会测试每个元素；所有匹配该选择器的元素都会包含在结果中。而“：contains（‘3’）”是内容筛选选择器

查看全部

2 采集收起来源：DOM节点删除之remove()的有参用法和无参用法
2018-03-22
白二的诗

DOM节点删除之remove()的有参用法和无参用法 remove与empty一样，都是移除元素的方法，但是remove会将元素自身移除，同时也会移除元素内部的一切，包括绑定的事件及与该元素相关的jQuery数据。 //通过remove处理 $('.hello').remove() //结果：<div class="hello"><p>慕课网</p></div> 全部被移除 //节点不存在了,同事事件也会被销毁

查看全部

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

DOM节点删除之empty()的基本用法这个方法不仅移除子元素（和其他后代元素），同样移除元素里的文本 <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
白二的诗

insertBefore 在目标元素前插入 insertAfter 在目标元素后面插入

查看全部

0 采集收起来源：DOM外部插入insertAfter()与insertBefore()
2016-10-21
白二的诗

在对象后追加： append() 方法在内容前面 appendTo() 内容在方法前面在对象内部添加： prepend() 方法在内容前面 prependTo() 内容在方法前面

查看全部

0 采集收起来源：DOM内部插入prepend()与prependTo()
2016-10-21
白二的诗

DOM内部插入prepend()与prependTo() prepend 向每个匹配的元素内部前置内容 prependTo 把所有匹配的元素前置到另一个指定的元素集合中这里总结下内部操作四个方法的区别： append()向每个匹配的元素内部追加内容 prepend()向每个匹配的元素内部前置内容 appendTo()把所有匹配的元素追加到另一个指定元素的集合中 prependTo()把所有匹配的元素前置到另一个指定的元素集合中

查看全部

0 采集收起来源：DOM内部插入prepend()与prependTo()
2016-10-21
白二的诗

.after(content) 在匹配元素集合中的每个元素后插入指定内容，作为兄弟节点 .before(content) 据参数设定，在匹配元素的前面插入内容

查看全部

0 采集收起来源：DOM外部插入after()与before()
2016-10-21
白二的诗

DOM内部插入append()与appendTo() 动态创建的元素是不够的，它只是临时存放在内存中，最终我们需要放到页面文档并呈现出来。那么问题来了，怎么放到文档上？这里就涉及到一个位置关系，常见的就是把这个新创建的元素，当作页面某一个元素的子元素放到其内部。针对这样的处理，jQuery就定义2个操作的方法 append()前面被插入对象，后面插内容 appendTo()前面是要插入的元素内容，后面是被插入的对象

查看全部

0 采集收起来源：DOM内部插入append()与appendTo()
2016-10-21
白二的诗

jQuery节点创建与属性的处理 $("<div></div>") 创建为本节点：与创建元素节点类似，可以直接把文本内容一并描述 $("<div>我是文本节点</div>") 创建为属性节点：与创建元素节点同样的方式 $("<div id='test' class='aaron'>我是文本节点</div>")

查看全部

0 采集收起来源：jQuery节点创建与属性的处理
2018-03-22
白二的诗

本文向大家介绍一下如何使用JavaScript创建div节点元素，主要包括创建div节点元素的属性和创建div节点元素的样式两大部分内容，相信本文介绍一定会让你有所收获。先介绍下需要用到的浏览器提供的一些原生的方法（这里不处理低版本的IE兼容问题）创建流程比较简单，大体如下：创建节点(常见的：元素、属性和文本) 添加节点的一些属性加入到文档中流程中涉及的一点方法：创建元素：document.createElement 设置属性：setAttribute 添加文本：innerHTML 加入文档：appendChild 如右边代码所示，写一个最简单的元素创建，我们会发现几个问题：每一个元素节点都必须单独创建节点是属性需要单独设置，而且设置的接口不是很统一添加到指定的元素位置不灵活最后还有一个最重要的：浏览器兼容问题处理

查看全部

0 采集收起来源：DOM创建节点及节点属性
2016-10-21
未完成的梦

(index%2)==0 || 1 index%2的结果只有两个，即 0 和 1 if（0） // false 不执行 if (1) // true 执行 blue

查看全部

0 采集收起来源：jQuery遍历之each()
2016-10-21
Wendy_22

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

查看全部

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

首页上一页 286 287 288 289 290 291 292 下一页尾页

0/150

提交

取消

开始学习

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

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