慕课网

jQuery基础(二)—DOM篇

最热最新

Ryan幕

parent()方法与children()类似，仅向下或者向上查找一级；而find（）和parents（）类似，向上或向下查找多级，因为查找的层级较深所以可以使用一个选择器做参数，筛选出要查找的元素。

查看全部

0 采集收起来源：jQuery遍历之closest()方法
2017-02-10
清水流

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

查看全部

0 采集收起来源：DOM替换replaceWith()和replaceAll()
2017-02-10
北极的大熊

$(".aaron2").on('click', function() { console.log(1) $(".left").append( $(".aaron1").clone(true).css('color','blue') ) })可写作 $(".left").append( $(this).clone(true).css('color','blue') )

查看全部

0 采集收起来源：DOM拷贝clone()
2018-03-22
北极的大熊

//给页面上2个p元素都绑定时间 $('p').click(function(e) { alert(e.target.innerHTML) }) $("button:first").click(function() { var p = $("p:first").remove(); p.css('color','yellow').text('p1通过remove处理后,点击该元素,事件丢失') $("body").append(p); }); $("button:last").click(function() { var p = $("p:first").detach(); p.css('color','blue').text('p2通过detach处理后,点击该元素事件存在') $("body").append(p); });

查看全部

0 采集收起来源：DOM节点删除之detach()和remove()区别
2018-03-22
北极的大熊

$("#bt1").click(function() { if (!$("p").length) return; //去重 //通过detach方法删除元素 //只是页面不可见，但是这个节点还是保存在内存中 //数据与事件都不会丢失 p = $("p").detach() });

查看全部

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

clone()方法时，在将它插入到文档之前，我们可以修改克隆后的元素或者元素内容，如右边代码我 $(this).clone().css('color','red') 增加了一个颜色通过传递true，将所有绑定在原始元素上的事件处理函数复制到克隆元素上 clone()方法是jQuery扩展的，只能处理通过jQuery绑定的事件与数据元素数据（data）内对象和数组不会被复制，将继续被克隆元素和原始元素共享。深复制的所有数据，需要手动复制每一个

查看全部

0 采集收起来源：DOM拷贝clone()
2017-02-10
北极的大熊

empty() remove() detach()区别： empty()清空内部节点保留最外层节点； remove()清空所有节点； detach()隐藏节点；

查看全部

0 采集收起来源：DOM节点删除之保留数据的删除操作detach()
2017-02-10
北极的大熊

detach方法是JQuery特有的，所以它只能处理通过JQuery的方法绑定的事件或者数据。detach换个说法是隐藏对象。 $("#bt1").click(function() { if (!$("p").length) return; //去重 //通过detach方法删除元素 //只是页面不可见，但是这个节点还是保存在内存中 //数据与事件都不会丢失 p = $("p").detach() 添加回来： $("#bt2").click(function() { //把p元素在添加到页面中 //事件还是存在 $("body").append(p); }); });

查看全部

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

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

查看全部

0 采集收起来源：DOM节点删除之detach()和remove()区别
2018-03-22
北极的大熊

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

查看全部

0 采集收起来源：DOM节点删除之empty和remove区别
2017-02-10
北极的大熊

$("p").remove(":contains('3')")；只删除包含3的节点

查看全部

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

$("#test").empty()只清除调用者内部子节点，调用者不受影响

查看全部

0 采集收起来源：DOM节点删除之empty()的基本用法
2018-03-22
北极的大熊

var $body= $('body');在body内部添加div

查看全部

0 采集收起来源：jQuery节点创建与属性的处理
2017-02-10
weixin_黄尧鑫_0

.wrapAll( function ) ：一个回调函数，返回用于包裹匹配元素的 HTML 内容或 jQuery 对象通过回调的方式可以单独处理每一个元素以上面案例为例， $('p').wrapAll(function() { return '<div><div/>'; }) 以上的写法的结果如下，等同于warp的处理了 <div> <p>p元素</p> </div> <div> <p>p元素</p> </div>

查看全部

0 采集收起来源：DOM包裹wrapAll()方法
2018-03-22
weixin_黄尧鑫_0

1.$('p').wrap('<div>')。。 2.$('p').wrap('<div/>')。。 3.$('p').wrap('<div></div>')。。以上三种写法都可以。但若写成$('p').wrap('div')，它就会将你文档中的第一个div元素（也就是那个.left）作为包裹元素。。。。。

查看全部

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

首页上一页 218 219 220 221 222 223 224 下一页尾页

0/150

提交

取消

开始学习

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

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