慕课网

jQuery基础(二)—DOM篇

最热最新

听风吹牛

find()方法:查找DOM树中元素的后代元素 children与find方法的区别，children是父子关系查找，find是后代关系（包含父子关系）

查看全部

0 采集收起来源：jQuery遍历之find()方法
2017-07-06
5E

略作修改，如下截图： <script type="text/javascript"> $(".aaron1").on('click', function() { //给所有class=right1的div元素，增加内部包裹父容器p $('.right1').wrapInner('<p></p>'); }) </script> <script type="text/javascript"> $(".aaron2").on('click', function() { //wrapInner接受一个回调函数 //每一次遍历this都指向了合集中每一个class=left1的div元素 $('.left1').wrapInner(function() { return '<a></a>' }) }) $(".aaron3").on('click', function() { //给所有class=right1的div元素，增加内部包裹父容器p $('.right').wrapInner('<p ></p>'); }) </script> <script type="text/javascript"> $(".aaron4").on('click', function() { //wrapInner接受一个回调函数 //每一次遍历this都指向了合集中每一个class=left1的div元素 $('.left').wrapInner(function() { return '<a ></a>' }) })

查看全部

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

注意这两种方式的不同，实现了不同的效果。 <script type="text/javascript"> $(".aaron1").on('click', function() { //给所有p元素，增加父容器div $('p').wrapAll('<div></div>'); }) </script> <script type="text/javascript"> $(".aaron2").on('click', function() { //wrapAll接受一个回调函数 //每一次遍历this都指向了合集中每一个a元素 $('a').wrapAll(function() { return '<div></div>' }) }) </script>

查看全部

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

略作修改。如下截图：

查看全部

0 采集收起来源：DOM包裹unwrap()方法
2017-07-06
5E

略作修改。如下截图：

查看全部

0 采集收起来源：DOM包裹wrap()方法
2017-07-06
5E

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

查看全部

0 采集收起来源：DOM替换replaceWith()和replaceAll()
2017-07-06
听风吹牛

.wrapInner( wrappingElement )：给集合中匹配的元素的内部，增加包裹的HTML结构 .wrapInner( function ) ：允许我们用一个callback函数做参数，每次遇到匹配元素时，该函数被执行，返回一个DOM元素，jQuery对象，或者HTML片段，用来包住匹配元素的内容

查看全部

0 采集收起来源：DOM包裹wrapInner()方法
2017-07-06
听风吹牛

.wrapAll():所有匹配元素将会被当作是一个整体，在这个整体的外部用指定的 HTML 结构进行包裹。而参数是回调函数的时候则是通过回调的方式单独处理每一个元素,等同于.wrap（）

查看全部

0 采集收起来源：DOM包裹wrapAll()方法
2017-07-06
听风吹牛

.unwarp()没有参数，$('p').unwarp(); 多个包裹元素同时被选中，从离被包裹元素最近的一层父元素开始删除。一次删除一个。

查看全部

0 采集收起来源：DOM包裹unwrap()方法
2017-07-06
听风吹牛

.wrap 每个人加个爸爸之前的： .append 最后面加个兄弟 (结合appendTo()来记) .prepend 最前面加个兄弟(prependTo()来记) .before 我的前面加个兄弟(结合insertBefore来记) .after我的后面加个兄弟(结合insertAfter()来记) .detach() 隐身 .remove 自杀 .empty 身体被掏空 .clone 复制（true全复制 false 浅复制，无事件） .replaceWith 删除并替换节点（结合.replaceAll()来记）

查看全部

0 采集收起来源：DOM包裹wrap()方法
2017-07-06
5E

通过empty移除了当前div元素下的所有p元素但是本身id=test的div元素没有被删除可以通过给当前这个div加一个边框来证明这一点。

查看全部

1 采集收起来源：DOM节点删除之empty()的基本用法
2017-07-06
听风吹牛

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

查看全部

0 采集收起来源：DOM替换replaceWith()和replaceAll()
2017-07-06
听风吹牛

DOM拷贝clone() 克隆节点是DOM的常见操作，jQuery提供一个clone方法，专门用于处理dom的克隆 .clone()方法深度复制所有匹配的元素集合，包括所有匹配元素、匹配元素的下级元素、文字节点。 clone方法比较简单就是克隆节点，但是需要注意，如果节点有事件或者数据之类的其他处理，我们需要通过clone(ture)传递一个布尔值ture用来指定，这样不仅仅只是克隆单纯的节点结构，还要把附带的事件与数据给一并克隆了 console.log() 语法：console.log("内容"); 作用：将"内容"输出在控制台中，方便以后的调试，是一个使用频率极高的功能。（控制台在浏览器中按F12，打开开发者模式的第二项（console）即可，并且也可以在console选项卡下即时做测试）

查看全部

0 采集收起来源：DOM拷贝clone()
2018-03-22
听风吹牛

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

查看全部

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

if (!$("p").length)是if ($("p").length == null)的逼格写法

查看全部

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

首页上一页 138 139 140 141 142 143 144 下一页尾页

0/150

提交

取消

开始学习

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

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