慕课网

jQuery基础(二)—DOM篇

最热最新

qq_慢才后生_ehCEY4
1. 起始位置不同：.closest开始于当前元素 .parents开始于父元素
2. 遍历的目标不同：closest向上查找，直到找到一个匹配的就停止查找。parents一直查找到根元素，并将匹配的元素加入集合
3. 结果不同：.closest返回的是包含零个或一个元素的jquery对象，parents返回的是包含零个或一个或多个元素的jquery对象
查看全部

0 采集收起来源：jQuery遍历之closest()方法
2018-09-18
qq_慢才后生_ehCEY4

与wrap，wrapAll ,unwrap不同的是：wrapInner对象为“”包裹“”

查看全部

0 采集收起来源：DOM包裹wrapInner()方法
2018-09-18
qq_慢才后生_ehCEY4

empty清空元素（留下自身）
remove全清除

查看全部

0 采集收起来源：DOM节点删除之empty和remove区别
2018-09-18
qq_古娜拉黑暗之神_1
粗看.parents()和.closest()是有点相似的，都是往上遍历祖辈元素，但是两者还是有区别的，否则就没有存在的意义了
1. 起始位置不同：.closest开始于当前元素 .parents开始于父元素
2. 遍历的目标不同：.closest要找到指定的目标，.parents遍历到文档根元素，closest向上查找，直到找到一个匹配的就停止查找，parents一直查找到根元素，并将匹配的元素加入集合
3. 结果不同：.closest返回的是包含零个或一个元素的jquery对象，parents返回的是包含零个或一个或多个元素的jquery对象
查看全部

0 采集收起来源：jQuery遍历之closest()方法
2018-09-12
qq_古娜拉黑暗之神_1
$(选择器1).children(选择器2)
1. 找到符合选择器1的合集
2. 找到以上合集的子元素的合集
3. 找到以上合集中符合选择器2的
  注意：第三步不是从第一步的合集中找子元素中符合选择器2的，而是把所有子元素找出来，再找符合的
查看全部

0 采集收起来源：jQuery遍历之children()方法
2018-09-12

花事了l

$('p').wrapAll('<div></div>')
//如果P元素不在一个地方，会把第一个元素的位置作为目标位置

查看全部

0 采集收起来源：DOM包裹wrapAll()方法

2018-09-12

qq_古娜拉黑暗之神_1

$(选择器).unwrap( ); 将选择器选择的匹配元素集合的父级元素删除，保留自身（和兄弟元素，如果存在）再原来的位置

查看全部

0 采集收起来源：DOM包裹unwrap()方法
2018-09-06
qq_古娜拉黑暗之神_1
1.$(选择器).wrap(父节点); 给选择器匹配的每个元素增加一个HTML的父元素结构例：$('p').wrap('<div></div>');
给p元素增加一个父div的结构
<div>
<p>p元素</p>
</div>
2.$(选择器).wrap(function) 一个回调函数，返回父节点（HTML内容或jQuery对象）例：
```
$('p').wrap(function() {
    return '<div></div>';   //与第一种类似，只是写法不一样
})
```
查看全部

0 采集收起来源：DOM包裹wrap()方法
2018-09-06
qq_古娜拉黑暗之神_1

$(选择器a).replaceWith(新的内容b); 用b替换选择器a选中的元素，并且返回被删除元素的集合
注意：b可以是HTML字符串，dom元素，jQuery对象
$(新的内容a).replaceAll(选择器b);
这两种方法会删除与节点相关联的所有数据和事件处理程序
replaceWith（）方法返回jQuery对象，且返回的是替换前的节点，不是替换后的节点。

查看全部

0 采集收起来源：DOM替换replaceWith()和replaceAll()
2018-09-06
qq_古娜拉黑暗之神_1
.clone( )方法
1. $(选择器).clone() 只克隆结构
2. $(选择器).clone(true) 克隆结构，事件和数据
  注意：克隆后，在插入文档前，可以修改克隆后的元素或者元素内容
  clone（）方法是jQuery拓展的，只能处理通过jQuery绑定的事件与数据
  元素数据（data）内对象和数组不会被复制，将继续被克隆元素和原始元素共享。
查看全部

0 采集收起来源：DOM拷贝clone()
2018-09-06
qq_古娜拉黑暗之神_1

detach() 方法移除的处理与remove（）一致，不同于empty（），不同的是节点上的事件与数据会保留下来，仅仅显示效果没有了

查看全部

0 采集收起来源：DOM节点删除之detach()和remove()区别
2018-09-06
qq_古娜拉黑暗之神_1

$(选择器).detach() 移除对象，仅仅显示效果没有了，依然在内存中，通过append又重新回到文档流。
注意：detach（）方法是jQuery特有的，只能处理通过jQuery的方法绑定的事件或者数据。

查看全部

0 采集收起来源：DOM节点删除之保留数据的删除操作detach()
2018-09-06
qq_古娜拉黑暗之神_1
remove( )
1. 无参用法 $(选择器).remove( ) 移除所有子元素，同时元素自身也移除
2. 有参用法 $(选择器).remove(选择器) 删除筛选出的节点
查看全部

0 采集收起来源：DOM节点删除之remove()的有参用法和无参用法
2018-09-06
qq_古娜拉黑暗之神_1

$(选择器).empty( ); 移除选择器选择元素的所有子节点（和其他后代元素），包括子元素里的文本。

查看全部

0 采集收起来源：DOM节点删除之empty()的基本用法
2018-09-06
慕村6825213
remove：移除节点
- 无参数，移除自身整个节点以及该节点的内部的所有节点，包括节点上事件与数据
- 有参数，移除筛选出的节点以及该节点的内部的所有节点，包括节点上事件与数据
detach：移除节点
- 移除的处理与remove一致
- 与remove()不同的是，所有绑定的事件、附加的数据等都会保留下来
- 例如：$("p").detach()这一句会移除对象，仅仅是显示效果没有了。但是内存中还是存在的。当你append之后，又重新回到了文档流中。就又显示出来了。
查看全部

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

首页上一页 38 39 40 41 42 43 44 下一页尾页

0/150

提交

取消

开始学习

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

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