慕课网

jQuery基础(二)—DOM篇

最热最新

wshyzx

$('div').wrapInner('<p></p>') 将合集中的元素内部所有的子元素用其他元素包裹起来，并当作指定元素的子元素 $('div').wrapInner(function() { return '<p></p>'; })等同于第一种处理

查看全部

0 采集收起来源：DOM包裹wrapInner()方法
2018-03-22
wshyzx

.wrapAll()函数可以接受任何字符串或对象，可以传递给$()工厂函数来指定一个DOM结构。这种结构可以嵌套多层，但是最内层只能有一个元素。所有匹配元素将会被当作是一个整体，在这个整体的外部用指定的 HTML 结构进行包裹。 .wrapAll( function ) ：一个回调函数，返回用于包裹匹配元素的 HTML 内容或 jQuery 对象通过回调的方式可以单独处理每一个元素，等同于warp的处理了

查看全部

0 采集收起来源：DOM包裹wrapAll()方法
2017-02-25
wshyzx

jQuery提供了一个unwarp()方法，作用与wrap方法是相反的。将匹配元素集合的父级元素删除，保留自身（和兄弟元素，如果存在）在原来的位置。 $('p').unwrap('在此处随便加任何字符串都会被忽略的，完全不影响这个功能'), 不接受任何参数

查看全部

0 采集收起来源：DOM包裹unwrap()方法
2017-02-25
慕粉3226413

一、这里用术语“深”和“浅”是不好的（“深克隆”一般用来指递归克隆）。实际上clone(true)就多克隆事件而已。二、元素数据(data)忘了的去看jquery(一)。data是可以用来存放节点（js对象）的，在clone的过程中只是建立节点的引用(即快捷方式)。所以clone和clone(true)事实上都是浅克隆。三、思路类似于python 的deepcopy与copy，可百度搜Python deepcopy

查看全部

0 采集收起来源：DOM拷贝clone()
2017-02-25
慕粉3226413

dtach就是剪切　　以后可以从剪切板里粘贴出来

查看全部

0 采集收起来源：DOM节点删除之detach()和remove()区别
2017-02-25
wshyzx

在集合中匹配的每个元素周围包裹一个HTML结构给p元素增加一个div包裹 $('p').wrap('<div></div>') 该方法返回原始的元素集 $('p').wrap(function() { return '<div></div>'; //与第一种类似，只是写法不一样 }) .wrap( function ) ：一个回调函数，返回用于包裹匹配元素的 HTML 内容或 jQuery 对象

查看全部

0 采集收起来源：DOM包裹wrap()方法
2018-03-22
wshyzx

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

查看全部

0 采集收起来源：DOM替换replaceWith()和replaceAll()
2017-02-25
wshyzx

clone()方法是jQuery扩展的，只能处理通过jQuery绑定的事件与数据元素数据（data）内对象和数组不会被复制，将继续被克隆元素和原始元素共享。深复制的所有数据，需要手动复制每一个

查看全部

0 采集收起来源：DOM拷贝clone()
2017-02-25
wshyzx

clone()方法时，在将它插入到文档之前，我们可以修改克隆后的元素或者元素内容，如右边代码我 $(this).clone().css('color','red') 增加了一个颜色

查看全部

0 采集收起来源：DOM拷贝clone()
2017-02-25
wshyzx

//clone处理一 $("div").clone() //只克隆了结构，事件丢失 //clone处理二 $("div").clone(true) //结构、事件与数据都克隆

查看全部

0 采集收起来源：DOM拷贝clone()
2018-03-22
wshyzx

remove()方法也是会返回被移除的节点的，只是节点绑定的事件、附加的数据都丢失了

查看全部

0 采集收起来源：DOM节点删除之detach()和remove()区别
2017-02-25
wshyzx

那个说if (!$("p").length) return删掉了也不影响这个例子的运行的朋友这句话是当你点击bt1的时候判断p有没有长度，也就是还有没有p元素，如果没有.length为0也就是false再加！就是true直接运行return 不运行下面的p = $("p").detach() 这样会避免当你连续点两次bt1时候重复给p赋值，这时再点bt2就加不回来p了

查看全部

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

$("div").detach()这一句会移除对象，仅仅是显示效果没有了。但是内存中还是存在的。当你append之后，又重新回到了文档流中。就又显示出来了。 detach()方法调用后是会返回删除的节点信息的，赋值给p后，可以保证这个删除的节点信息不会丢失要特别注意，detach方法是JQuery特有的，所以它只能处理通过JQuery的方法绑定的事件或者数据

查看全部

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

remove方法该节点与该节点所包含的所有后代节点将同时被删除提供传递一个筛选的表达式，删除指定合集中的元素

查看全部

0 采集收起来源：DOM节点删除之empty和remove区别
2017-02-25
wshyzx

选择性的删除指定的节点 $("p").remove(":contains('3')"); $("p").filter(":contains('3')").remove()

查看全部

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

首页上一页 208 209 210 211 212 213 214 下一页尾页

0/150

提交

取消

开始学习

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

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