慕课网

jQuery基础(二)—DOM篇

最热最新

yaya_ling

.replaceAll()和.replaceWith()功能类似，主要是目标和源的位置区别 .replaceWith()与.replaceAll() 方法会删除与节点相关联的所有数据和事件处理程序 .replaceWith()方法返回的jQuery对象引用的是替换前的节点

查看全部

0 采集收起来源：DOM替换replaceWith()和replaceAll()
2017-06-21
yaya_ling

.clone()方法深度复制所有匹配的元素集合，包括所有匹配元素、匹配元素的下级元素、文字节点。如果节点有事件或者数据之类的其他处理，我们需要通过clone(ture)传递一个布尔值ture用来指定。 //clone处理一 $("div").clone() //只克隆了结构，事件丢失 //clone处理二 $("div").clone(true) //结构、事件与数据都克隆

查看全部

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

保留数据的删除操作detach()：与remove()不同所有绑定的事件、附加的数据等都会保留下来。 $("div").detach()这一句会移除对象，仅仅是显示效果没有了。但是内存中还是存在的。当append之后，又重新回到了文档流中。就又显示出来了。

查看全部

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

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

查看全部

0 采集收起来源：DOM节点删除之empty和remove区别
2017-06-20
yaya_ling

remove会将元素自身移除，同时也会移除元素内部的一切，包括绑定的事件及与该元素相关的jQuery数据。 ex:$("p").filter(":contains('3')").remove() $("p").remove(":contains('3')")

查看全部

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

empty()：移除指定元素中的所有子节点（包括元素的文本）

查看全部

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

before、after与insertBefore、insertAfter存在目标与位置差别

查看全部

0 采集收起来源：DOM外部插入insertAfter()与insertBefore()
2017-06-20
yaya_ling

内部操作四个方法的区别： append()向每个匹配的元素内部追加内容 prepend()向每个匹配的元素内部前置内容 appendTo()把所有匹配的元素追加到另一个指定元素的集合中 prependTo()把所有匹配的元素前置到另一个指定的元素集合中

查看全部

0 采集收起来源：DOM内部插入prepend()与prependTo()
2017-06-20
yaya_ling

append()与appendTo()： append：这个操作与对指定的元素执行原生的appendChild方法，将它们添加到文档中的情况类似。 appendTo：实际上，使用这个方法是颠倒了常规的$(A).append(B)的操作，即不是把B追加到A中，而是把A追加到B中。

查看全部

0 采集收起来源：DOM内部插入append()与appendTo()
2017-06-20
yaya_ling

用jQuery方式创建节点：通过$()函数处理，$("html结构") 例；$("<div id='test' class='aaron'>我是文本节点</div>")

查看全部

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

使用JavaScript创建div节点元素：创建流程比较简单，大体如下：创建节点(常见的：元素、属性和文本) 添加节点的一些属性加入到文档中流程中涉及的一点方法：创建元素：document.createElement 设置属性：setAttribute 添加文本：innerHTML 加入文档：appendChild

查看全部

0 采集收起来源：DOM创建节点及节点属性
2017-06-20
淡水狗

jQuery遍历之each() 比如操作$("li").css('') 给所有的li设置style值，因为jQuery是一个合集对象，所以css方法内部就必须封装一个遍历的方法，被称为隐式迭代的过程。要一个一个给合集中每一个li设置颜色，这里方法就是each .each() 方法就是一个for循环的迭代器，它会迭代jQuery对象合集中的每一个DOM元素。每次回调函数执行时，会传递当前循环次数作为参数(从0开始计数所以大体上了解3个重点： each是一个for循环的包装迭代器 each通过回调的方式处理，并且会有2个固定的实参，索引与元素 each回调方法中的this指向当前迭代的dom元素看一个简单的案例 <ul> <li>慕课网</li> <li>Aaron</li> </ul> 开始迭代li，循环2次 $("li").each(function(index, element) { index 索引 0,1 element是对应的li节点 li,li this 指向的是li }) 这样可以在循环体会做一些逻辑操作了，如果需要提前退出，可以以通过返回 false以便在回调函数内中止循

查看全部

0 采集收起来源：jQuery遍历之each()
2018-03-22
淡水狗

jQuery遍历之add()方法通过$()方法找到指定的元素合集后可以进行一系列的操作，如果后期需要再往这个合集中添加一新的元素，可用add方法。 .add()的参数可以几乎接受任何的$()，包括一个jQuery选择器表达式，DOM元素，或HTML片段引用。操作：选择所有的li元素，之后把p元素也加入到li的合集中 <ul> <li>list item 1</li> <li>list item 3</li> </ul> <p>新的p元素</p> 处理一：传递选择器 $('li').add('p') 处理二：传递dom元素 $('li').add(document.getElementsByTagName('p')[0]) 还有一种方式，就是动态创建P标签加入到合集，然后插入到指定的位置，但是这样就改变元素的本身的排列了 $('li').add('<p>新的p元素</p>').appendTo(目标位置)

查看全部

0 采集收起来源：jQuery遍历之add()方法
2018-03-22
淡水狗

jQuery遍历之siblings() 快速查找指定元素集合中每一个元素的同辈元素 siblings()无参数取得一个包含匹配的元素集合中每一个元素的同辈元素的元素集合注意：jQuery是一个合集对象，所以通过siblings是匹配合集中每一个元素的同辈元素 siblings()方法选择性地接受同一类型选择器表达式同样的也是因为jQuery是合集对象，可能需要对这个合集对象进行一定的筛选，找出目标元素，所以允许传一个选择器的表达式。

查看全部

0 采集收起来源：jQuery遍历之siblings()
2017-06-19
qq_静默水乡_0

简单的总结就是： .append()和.appendTo()两种方法功能相同，主要的不同是语法——内容和目标的位置不同 append()前面是被插入的对象，后面是要在对象内插入的元素内容 appendTo()前面是要插入的元素内容，而后面是被插入的对象

查看全部

0 采集收起来源：DOM内部插入append()与appendTo()
2017-06-19

首页上一页 144 145 146 147 148 149 150 下一页尾页

0/150

提交

取消

开始学习

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

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