慕课网

jQuery基础(二)—DOM篇

最热最新

疯狂的小白

创建流程比较简单，大体如下：创建节点(常见的：元素、属性和文本) 添加节点的一些属性加入到文档中流程中涉及的一点方法：创建元素：document.createElement 设置属性：setAttribute 添加文本：innerHTML 加入文档：appendChild 如右边代码所示，写一个最简单的元素创建，我们会发现几个问题：每一个元素节点都必须单独创建节点是属性需要单独设置，而且设置的接口不是很统一添加到指定的元素位置不灵活最后还有一个最重要的：浏览器兼容问题处理

查看全部

0 采集收起来源：DOM创建节点及节点属性
2017-01-06
火车嘟嘟

remove与empty一样，都是移除元素的方法，但是remove会将元素自身移除，同时也会移除元素内部的一切，包括绑定的事件及与该元素相关的jQuery数据。 remove比empty好用的地方就是可以传递一个选择器表达式用来过滤将被移除的匹配元素集合，可以选择性的删除指定的节点我们可以通过$()选择一组相同的元素，然后通过remove（）传递筛选的规则，从而这样处理对比右边的代码区域，我们可以通过类似于这样处理 $("p").filter(":contains('3')").remove()

查看全部

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

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

查看全部

0 采集收起来源：jQuery遍历之closest()方法
2017-01-05
wenqu

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

查看全部

0 采集收起来源：jQuery遍历之parents()方法
2018-03-22
wenqu

.wrapInner( wrappingElement )：给集合中匹配的元素的内部，增加包裹的HTML结构

查看全部

0 采集收起来源：DOM包裹wrapInner()方法
2017-01-05
wenqu

<p>p元素</p> <p>p元素</p> 给所有p元素增加一个div包裹 $('p').wrapAll('<div></div>') 最后的结构，2个P元素都增加了一个父div的结构 <div> <p>p元素</p> <p>p元素</p> </div> .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
qq_慕勒5322849

after向元素的后边添加html代码，如果元素后面有元素了，那将后面的元素后移，然后将html代码插入 before向元素的前边添加html代码，如果元素前面有元素了，那将前面的元素前移，然后将html代码插入

查看全部

0 采集收起来源：DOM外部插入after()与before()
2017-01-05
qq_慕勒5322849

append()前面是被插入的对象，后面是要在对象内插入的元素内容 appendTo()前面是要插入的元素内容，而后面是被插入的对象

查看全部

0 采集收起来源：DOM内部插入append()与appendTo()
2017-01-05
后青春的诗灬

一、after()和before()方法的区别 after()——其方法是将方法里面的参数添加到jquery对象后面去；如：A.after(B)的意思是将B放到A后面去； before()——其方法是将方法里面的参数添加到jquery对象前面去。如：A.before(B)的意思是将A放到B前面去；二、insertAfter()和insertBefore()的方法的区别其实是将元素对调位置；可以是页面上已有元素；也可以是动态添加进来的元素。如：A.insertAfter(B);即将A元素调换到B元素后面；如<span>CC</span><p>HELLO</p>使用$("span").insertAfter($("p"))后，就变为<p>HELLO</p><span>CC</span>了。两者位置调换了三、append()和appendTo()方法的区别 append()——其方法是将方法里面的参数添加到jquery对象中来；如：A.append(B)的意思是将B放到A中来，后面追加,A的子元素的最后一个位置； appendTo()——其方法是将jquery对象添加到appendTo指定的参数中去。如：A.appendTo(B)的意思是将A放到B中去，后面追加,B的子元素的最后一个位置；四、prepend()和prependTo()方法的区别 prepend()——将指定元素插入到jquery对象里作为它的第一个子元素 (如果要作为最后一个子元素插入用.append()). 如：A.prepend(B)的意思是将B放到A中来，插入到A的子元素的第一个位置； prependTo()——其方法是将jquery对象添加到prependTo指定的参数中去。如：A.prependTo(B)的意思是将A放到B中去，插入到B的子元素的第一个位置；

查看全部

1 采集收起来源：DOM外部插入insertAfter()与insertBefore()
2018-03-22
wenqu

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

查看全部

0 采集收起来源：DOM拷贝clone()
2017-01-05
wenqu

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

查看全部

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

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

查看全部

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

这个方法不会把匹配的元素从jQuery对象中删除，因而可以在将来再使用这些匹配的元素。与remove()不同的是，所有绑定的事件、附加的数据等都会保留下来。 $("div").detach()这一句会移除对象，仅仅是显示效果没有了。但是内存中还是存在的。当你append之后，又重新回到了文档流中。就又显示出来了。

查看全部

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

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

查看全部

0 采集收起来源：DOM节点删除之empty和remove区别
2017-01-05
wenqu

通过empty移除了当前div元素下的所有p元素,但是本身id=test的div元素没有被删除!即只是删除该元素下的所有子元素，并不删除元素自身

查看全部

0 采集收起来源：DOM节点删除之empty()的基本用法
2017-01-05

首页上一页 239 240 241 242 243 244 245 下一页尾页

0/150

提交

取消

开始学习

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

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