-
起始位置不同:.closest开始于当前元素 .parents开始于父元素
遍历的目标不同:closest向上查找,直到找到一个匹配的就停止查找。parents一直查找到根元素,并将匹配的元素加入集合
结果不同:.closest返回的是包含零个或一个元素的jquery对象,parents返回的是包含零个或一个或多个元素的jquery对象
查看全部 -
与wrap,wrapAll ,unwrap不同的是:wrapInner对象为“”包裹“”
查看全部 -
empty清空元素(留下自身)
remove全清除
查看全部 -
粗看.parents()和.closest()是有点相似的,都是往上遍历祖辈元素,但是两者还是有区别的,否则就没有存在的意义了
起始位置不同:.closest开始于当前元素 .parents开始于父元素
遍历的目标不同:.closest要找到指定的目标,.parents遍历到文档根元素,closest向上查找,直到找到一个匹配的就停止查找,parents一直查找到根元素,并将匹配的元素加入集合
结果不同:.closest返回的是包含零个或一个元素的jquery对象,parents返回的是包含零个或一个或多个元素的jquery对象
查看全部 -
$(选择器1).children(选择器2)
找到符合选择器1的合集
找到以上合集的子元素的合集
找到以上合集中符合选择器2的
注意:第三步不是从第一步的合集中找子元素中符合选择器2的,而是把所有子元素找出来,再找符合的
查看全部 -
$('p').wrapAll('<div></div>') //如果P元素不在一个地方,会把第一个元素的位置作为目标位置查看全部 -
$(选择器).unwrap( ); 将选择器选择的匹配元素集合的父级元素删除,保留自身(和兄弟元素,如果存在)再原来的位置
查看全部 -
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>'; //与第一种类似,只是写法不一样 })查看全部 -
$(选择器a).replaceWith(新的内容b); 用b替换选择器a选中的元素,并且返回被删除元素的集合
注意:b可以是HTML字符串,dom元素,jQuery对象
$(新的内容a).replaceAll(选择器b);
这两种方法会删除与节点相关联的所有数据和事件处理程序
replaceWith()方法返回jQuery对象,且返回的是替换前的节点,不是替换后的节点。
查看全部 -
.clone( )方法
$(选择器).clone() 只克隆结构
$(选择器).clone(true) 克隆结构,事件和数据
注意:克隆后,在插入文档前,可以修改克隆后的元素或者元素内容
clone()方法是jQuery拓展的,只能处理通过jQuery绑定的事件与数据
元素数据(data)内对象和数组不会被复制,将继续被克隆元素和原始元素共享。
查看全部 -
detach() 方法移除的处理与remove()一致,不同于empty(),不同的是节点上的事件与数据会保留下来,仅仅显示效果没有了
查看全部 -
$(选择器).detach() 移除对象,仅仅显示效果没有了,依然在内存中,通过append又重新回到文档流。
注意:detach()方法是jQuery特有的,只能处理通过jQuery的方法绑定的事件或者数据。
查看全部 -
remove( )
无参用法 $(选择器).remove( ) 移除所有子元素,同时元素自身也移除
有参用法 $(选择器).remove(选择器) 删除筛选出的节点
查看全部 -
$(选择器).empty( ); 移除选择器选择元素的所有子节点(和其他后代元素),包括子元素里的文本。
查看全部 -
remove:移除节点
无参数,移除自身整个节点以及该节点的内部的所有节点,包括节点上事件与数据
有参数,移除筛选出的节点以及该节点的内部的所有节点,包括节点上事件与数据
detach:移除节点
移除的处理与remove一致
与remove()不同的是,所有绑定的事件、附加的数据等都会保留下来
例如:$("p").detach()这一句会移除对象,仅仅是显示效果没有了。但是内存中还是存在的。当你append之后,又重新回到了文档流中。就又显示出来了。
查看全部
举报