慕课网

jQuery基础(二)—DOM篇

最热最新

Wendy_22

before与after都是用来对相对选中元素外部增加相邻的兄弟节点 2个方法都是都可以接收HTML字符串，DOM 元素，元素数组，或者jQuery对象，用来插入到集合中每个匹配元素的前面或者后面 2个方法都支持多个参数传递after(div1,div2,....) 可以参考右边案例代码注意点： after向元素的后边添加html代码，如果元素后面有元素了，那将后面的元素后移，然后将html代码插入 before向元素的前边添加html代码，如果元素前面有元素了，那将前面的元素前移，然后将html代码插

查看全部

0 采集收起来源：DOM外部插入after()与before()
2016-10-21
Wendy_22

append：这个操作与对指定的元素执行原生的appendChild方法，将它们添加到文档中的情况类似。 appendTo：实际上，使用这个方法是颠倒了常规的$(A).append(B)的操作，即不是把B追加到A中，而是把A追加到B中。简单的总结就是： .append()和.appendTo()两种方法功能相同，主要的不同是语法——内容和目标的位置不同 append()前面是被插入的对象，后面是要在对象内插入的元素内容 appendTo()前面是要插入的元素内容，而后面是被插入的对象

查看全部

0 采集收起来源：DOM内部插入append()与appendTo()
2016-10-21
Wendy_22

创建元素节点：可以有几种方式，后面会慢慢接触。常见的就是直接把这个节点的结构给通过HTML标记字符串描述出来，通过$()函数处理，$("html结构") $("<div></div>") 创建为本节点：与创建元素节点类似，可以直接把文本内容一并描述 $("<div>我是文本节点</div>") 创建为属性节点：与创建元素节点同样的方式 $("<div id='test' class='aaron'>我是文本节点</div>")

查看全部

0 采集收起来源：jQuery节点创建与属性的处理
2018-03-22
Wendy_22

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

查看全部

0 采集收起来源：DOM创建节点及节点属性
2016-10-21
慕工程8444648

console.log(1)//控制台输出跟alert差不多不同之处在于不会打断操作

查看全部

0 采集收起来源：DOM拷贝clone()
2016-10-20
GraceZy

包裹，给所有匹配的元素添加父元素 1) .wrapAll( wrappingElement ) 统一处理【容易破坏原来文档的结构，不好】 2) .wrapAll( function ) 单独处理每一个元素例： $('p').wrapAll('<div></div>') 文档中所有的p元素都移动到了第一个p元素后面，一起被<div>包裹 <div> <p>p元素</p> <p>p元素</p> </div> $('p').wrapAll(function() { return '<div><div/>'; }) 每个p单独处理 <div> <p>p元素</p> </div> <div> <p>p元素</p> </div>

查看全部

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

55行的弹出框有可能导致弹出两次，可以通过阻止冒泡事件来解决。

查看全部

0 采集收起来源：DOM包裹wrap()方法
2016-10-20
GraceZy

删除父元素 $('child').unwarp()

查看全部

0 采集收起来源：DOM包裹unwrap()方法
2016-10-20
GraceZy

包裹wrap()方法：给元素增加一个父元素 1) .wrap( wrappingElement ) 2) .wrap( function ) 例：$('p').wrap('<div></div>')

查看全部

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

替换 $('元素').replaceWith( html内容 ) $('html内容').replaceAll( $('元素') ) 注意： 1) .replaceWith()与.replaceAll() 方法会删除与节点相关联的所有数据和事件处理程序； 2) .replaceWith()方法返回的jQuery对象引用的是【替换前】的节点，而不是通过replaceWith/replaceAll方法替换后的节点

查看全部

0 采集收起来源：DOM替换replaceWith()和replaceAll()
2016-10-20
GraceZy

拷贝 .clone() 只克隆了结构，事件丢失 .clone(true) 结构、事件与数据都克隆注意：clone()方法是jQuery扩展的，只能处理通过jQuery绑定的事件与数据

查看全部

0 采集收起来源：DOM拷贝clone()
2016-10-20
GraceZy

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

查看全部

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

删除操作: .detach() 临时删除页面上的节点，但是又不希望节点上的数据与事件丢失，并且能在下一个时间段让这个删除的节点显示到页面例： p = $("p").detach() $("body").append(p); 注意： detach方法是JQuery特有的，所以它只能处理通过JQuery的方法绑定的事件或者数据

查看全部

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

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

查看全部

0 采集收起来源：DOM节点删除之empty和remove区别
2016-10-20
GraceZy

删除节点 .remove() 会将元素自身移除，同时也会移除元素内部的一切，包括绑定的事件及与该元素相关的jQuery数据; .remove( '选择器') 选择性的删除指定的节点例：以下两句等价 $("p").filter(":contains('3')").remove() $("p").remove(":contains('3')")

查看全部

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

首页上一页 287 288 289 290 291 292 293 下一页尾页

0/150

提交

取消

开始学习

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

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