慕课网

jQuery基础(二)—DOM篇

最热最新

花开相依人自流

each是一个for循环的包装迭代器 each通过回调的方式处理，并且会有2个固定的实参，索引与元素 each回调方法中的this指向当前迭代的dom元素

查看全部

0 采集收起来源：jQuery遍历之each()
2017-03-30
黄枪枪

.replaceAll()和.replaceWith()功能类似，主要是目标和源的位置区别 .replaceWith()与.replaceAll() 方法会删除与节点相关联的所有数据和事件处理程序 .replaceWith()方法，和大部分其他jQuery方法一样，返回jQuery对象，所以可以和其他方法链接使用 .replaceWith()方法返回的jQuery对象引用的是替换前的节点，而不是通过replaceWith/replaceAll方法替换后的节点 parent > child（直系子元素） //选取 parent元素下的第一代 child元素 jq获取元素的方式都是数组+对象的方式: 1.用数组保存所有获取的元素,每个数组元素(一维)保存一个对象,每个对象中保存一个元素的相关内容; 2.即使是通过id获取的元素也是如此,只是这个一位数组只有一个元素; var p = $(".right > div:first p:eq(1)").replaceWith('<a >replaceWith替换第二段的内容</a>'); alert(p[0].innerHTML);

查看全部

0 采集收起来源：DOM替换replaceWith()和replaceAll()
2018-03-22
黄枪枪

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

查看全部

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

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

查看全部

0 采集收起来源：DOM节点删除之empty和remove区别
2017-03-30
黄枪枪

:contains 选择器选取包含指定字符串的元素。如: $(“p:contains(is)") filter() 方法将匹配元素集合缩减为匹配指定选择器的元素。 remove会将元素自身移除，同时也会移除元素内部的一切，包括绑定的事件及与该元素相关的jQuery数据。 empty只会清空元素内的所有内容

查看全部

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

A.before(B): 以 A元素作为基准将 B元素放到 A元素前面； A.insertBefore(B): 以 B元素作为基准将 A元素放到 B元素前面；类似的 .after() 和 .insertAfter() 也是基准不同

查看全部

0 采集收起来源：DOM外部插入insertAfter()与insertBefore()
2017-03-30
黄枪枪

A.append(B) : 向 A 中添加 B A.appendTo(B) : 将 A 添加到 B 的

查看全部

0 采集收起来源：DOM内部插入append()与appendTo()
2017-03-30
程序员丶3695349

jQuery提供了一个unwarp()方法，作用与wrap方法是相反的。将匹配元素集合的父级元素删除，保留自身（和兄弟元素，如果存在）在原来的位置。 .unwrap 爸爸没了之前的： .append 最后面加个兄弟 (结合appendTo()来记) .prepend 最前面加个兄弟(prependTo()来记) .before 我的前面加个兄弟(结合insertBefore来记) .after我的后面加个兄弟(结合insertAfter()来记) .detach() 隐身 .remove 自杀 .empty 身体被掏空 .clone 复制（true全复制 false 浅复制，无事件） .replaceWith 删除并替换节点（结合.replaceAll()来记） .wrap 每个人加个爸爸

查看全部

0 采集收起来源：DOM包裹unwrap()方法
2017-03-30
sunnydreamfly

居然，用回调函数居然不一样，个人理解应该是一样的啊

查看全部

0 采集收起来源：DOM包裹wrapAll()方法
2017-03-30
R_Luke

$('p').wrapAll(function() { return '<div><div/>'; }) 這個功能就相當於 $('p').wrap('<div></div>'); or $('p').wrap(function(){ return '<div></div>'; })

查看全部

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

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

查看全部

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

filter：如果给定表示 DOM 元素集合的 jQuery 对象，.filter() 方法会用匹配元素的子集构造一个新的 jQuery 对象。所使用的选择器会测试每个元素；所有匹配该选择器的元素都会包含在结果中。 $("p").filter(":contains('3')").remove() $("p").remove(":contains('3')") 两者运行结果一样

查看全部

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

DOM节点删除remove()的有参用法和无参用法 remove会将元素自身移除 remove表达式参数： remove比empty好用的地方就是可以传递一个选择器表达式用来过滤将被移除的匹配元素集合，可以选择性的删除指定的节点

查看全部

0 采集收起来源：DOM节点删除之remove()的有参用法和无参用法
2017-03-29
夜莺z

DOM节点删除empty()的基本用法清空，它只移除了指定元素中的所有子节点。

查看全部

1 采集收起来源：DOM节点删除之empty()的基本用法
2017-03-29
jugge

通过remove方法移除div及其内部所有元素，remove内部会自动操作事件销毁方法，所以使用使用起来非常简单 //通过remove处理 $('.hello').remove() //结果：<div class="hello"><p>慕课网</p></div> 全部被移除 //节点不存在了,同事事件也会被销毁 remove表达式参数： remove比empty好用的地方就是可以传递一个选择器表达式用来过滤将被移除的匹配元素集合，可以选择性的删除指定的节点我们可以通过$()选择一组相同的元素，然后通过remove（）传递筛选的规则，从而这样处理对比右边的代码区域，我们可以通过类似于这样处理 $("p").filter(":contains('3')").remove()

查看全部

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

首页上一页 182 183 184 185 186 187 188 下一页尾页

0/150

提交

取消

开始学习

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

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