慕课网

jQuery基础(二)—DOM篇

最热最新

人生还有多少个二十年

next()无参数允许我们找遍元素集合中紧跟着这些元素的直接兄弟元素，并根据匹配的元素创建一个新的 jQuery 对象。注意：jQuery是一个合集对象，所以通过next是匹配合集中每一给元素的下一个兄弟元素 next()方法选择性地接受同一类型选择器表达式同样的也是因为jQuery是合集对象，可能需要对这个合集对象进行一定的筛选，找出目标元素，所以允许传一个选择器的表达式

查看全部

0 采集收起来源：jQuery遍历之next()方法
2016-08-10
人生还有多少个二十年

.closest开始于当前元素 .parents开始于父元素

查看全部

0 采集收起来源：jQuery遍历之closest()方法
2016-08-10
人生还有多少个二十年

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

查看全部

0 采集收起来源：jQuery遍历之closest()方法
2016-08-10
人生还有多少个二十年

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

查看全部

0 采集收起来源：jQuery遍历之parents()方法
2018-03-22
人生还有多少个二十年

选择器 context 是由 .find() 方法实现的；因此，$('li.item-ii').find('li') 等价于 $('li', 'li.item-ii')。

查看全部

0 采集收起来源：jQuery遍历之find()方法
2016-08-10
人生还有多少个二十年

wrapAll()将所有匹配的元素用一个元素包裹，但它也可以通过回调的方式可以单独处理每一个元素，那样子就相当于wrap() 其实这是跟它的原意是相违背的，jQuery3.0之后的版本做出了修正。

查看全部

0 采集收起来源：DOM包裹wrapAll()方法
2016-08-14
人生还有多少个二十年

该方法返回原始的元素集，以便之后使用链式方法。

查看全部

0 采集收起来源：DOM包裹wrap()方法
2016-08-10
人生还有多少个二十年

注意： .wrap()函数可以接受任何字符串或对象，可以传递给$()工厂函数来指定一个DOM结构。这种结构可以嵌套了好几层深，但应该只包含一个核心的元素。每个匹配的元素都会被这种结构包裹。该方法返回原始的元素集，以便之后使用链式方法。

查看全部

0 采集收起来源：DOM包裹wrap()方法
2016-08-10
人生还有多少个二十年

总结： .replaceAll()和.replaceWith()功能类似，主要是目标和源的位置区别 .replaceWith()与.replaceAll() 方法会删除与节点相关联的所有数据和事件处理程序 .replaceWith()方法，和大部分其他jQuery方法一样，返回jQuery对象，所以可以和其他方法链接使用返回的jQuery对象引用的是被删除的节点，而不是通过replaceWith/replaceAll方法替换的节点

查看全部

0 采集收起来源：DOM替换replaceWith()和replaceAll()
2016-08-10
一只钱端攻城狮

临时删除页面上的节点，但是节点上的数据和事件不丢失用detach。。可以用depend添加回来。

查看全部

0 采集收起来源：DOM节点删除之保留数据的删除操作detach()
2016-08-10
一只钱端攻城狮

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

查看全部

0 采集收起来源：DOM节点删除之empty和remove区别
2016-08-10
人生还有多少个二十年

克隆节点是DOM的常见操作，jQuery提供一个clone方法，专门用于处理dom的克隆 .clone()方法深度复制所有匹配的元素集合，包括所有匹配元素、匹配元素的下级元素、文字节点。 clone方法比较简单就是克隆节点，但是需要注意，如果节点有事件或者数据之类的其他处理，我们需要通过clone(ture)传递一个布尔值ture用来指定，这样不仅仅只是克隆单纯的节点结构，还要把附带的事件与数据给一并克隆了例如： HTML部分 <div></div> JavaScript部分 $("div").on('click', function() {//执行操作}) //clone处理一 $("div").clone() //只克隆了结构，事件丢失 //clone处理二 $("div").clone(true) //结构、事件与数据都克隆使用上就是这样简单，使用克隆的我们需要额外知道的细节： clone()方法时，在将它插入到文档之前，我们可以修改克隆后的元素或者元素内容，如右边代码我 $(this).clone().css('color','red') 增加了一个颜色通过传递true，将所有绑定在原始元素上的事件处理函数复制到克隆元素上 clone()方法是jQuery扩展的，只能处理通过jQuery绑定的事件与数据元素数据（data）内对象和数组不会被复制，将继续被克隆元素和原始元素共享。深复制的所有数据，需要手动复制每一个

查看全部

0 采集收起来源：DOM拷贝clone()
2018-03-22
人生还有多少个二十年

detach从字面上就很容易理解。让一个web元素托管。即从当前页面中移除该元素，但保留这个元素的内存模型对象。来看看jquery官方文档的解释：这个方法不会把匹配的元素从jQuery对象中删除，因而可以在将来再使用这些匹配的元素。与remove()不同的是，所有绑定的事件、附加的数据等都会保留下来。 $("div").detach()这一句会移除对象，仅仅是显示效果没有了。但是内存中还是存在的。当你append之后，又重新回到了文档流中。就又显示出来了。当然这里要特别注意，detach方法是JQuery特有的，所以它只能处理通过JQuery的方法绑定的事件或者数据最后一句话不理解

查看全部

0 采集收起来源：DOM节点删除之保留数据的删除操作detach()
2018-03-22
人生还有多少个二十年

要用到移除指定元素的时候，jQuery提供了empty()与remove([expr])二个方法，两个都是删除元素，但是两者还是有区别 empty方法严格地讲，empty()方法并不是删除节点，而是清空节点，它能清空元素中的所有后代节点 empty不能删除自己本身这个节点 remove方法该节点与该节点所包含的所有后代节点将同时被删除提供传递一个筛选的表达式，用来指定删除选中合集中的元素

查看全部

0 采集收起来源：DOM节点删除之empty和remove区别
2016-08-10
一只钱端攻城狮

append()向每个匹配的元素内部追加内容 prepend()向每个匹配的元素内部前置内容 appendTo()把所有匹配的元素追加到另一个指定元素的集合中 prependTo()把所有匹配的元素前置到另一个指定的元素集合中

查看全部

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

首页上一页 348 349 350 351 352 353 354 下一页尾页

0/150

提交

取消

开始学习

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

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