慕课网

jQuery基础(二)—DOM篇

最热最新

Geek喜多川

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
想当大牛

$("p").remove(":contains('3')") $("p").filter(":contains('3')").remove(); $("p:contains('3')").remove(); 这三种方式结果是一样的

查看全部

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

如果不通过remove方法删除这个节点其实也很简单，但是同时需要把事件给销毁掉，这里是为了防止"内存泄漏"，所以前端开发者一定要注意，绑了多少事件，不用的时候一定要记得销毁通过remove方法移除div及其内部所有元素，remove内部会自动操作事件销毁方法，所以使用使用起来非常简单

查看全部

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

.replaceWith( newContent )：用提供的内容替换集合中所有匹配的元素并且返回被删除元素的集合简单来说：用$()选择节点A，调用replaceWith方法，传入一个新的内容B（HTML字符串，DOM元素，或者jQuery对象）用来替换选中的节点A

查看全部

0 采集收起来源：DOM替换replaceWith()和replaceAll()
2017-03-22
Geek喜多川

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

查看全部

0 采集收起来源：DOM内部插入append()与appendTo()
2017-03-22
Geek喜多川

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

查看全部

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

$("div").add("p") // 查找所有div标签和p标签（不是将p加在div中，而是同时遍历） $("div").add("<p>123</p>").appendTo(目标) // 查找所有div和新建的一个p标签，插入到目标位置，改变了原来的结构，移动了位置

查看全部

1 采集收起来源：jQuery遍历之add()方法
2018-03-22
Mr_Lewis

.warp:给每个人加个爸爸 .append:加个小儿子 .prepend:加个大儿子 .before:加个哥哥（刚好大一级） .after:加个弟弟（刚好小一级） detach():隐身 .remove():自杀 .empty():身体被掏空 .clone():复制，参数为true全复制；参数为false只复制结构 .replaceWith：替换节点，并返回被替换的元素

查看全部

0 采集收起来源：DOM包裹wrap()方法
2017-03-22
慕标9515917

通过右边代码可以看到prepend与prependTo的使用及区别： .prepend()方法将指定元素插入到匹配元素里面作为它的第一个子元素 (如果要作为最后一个子元素插入用.append()). .prepend()和.prependTo()实现同样的功能，主要的不同是语法，插入的内容和目标的位置不同对于.prepend() 而言，选择器表达式写在方法的前面，作为待插入内容的容器，将要被插入的内容作为方法的参数而.prependTo() 正好相反，将要被插入的内容写在方法的前面，可以是选择器表达式或动态创建的标记，待插入内容的容器作为参数。这里总结下内部操作四个方法的区别： append()向每个匹配的元素内部追加内容 prepend()向每个匹配的元素内部前置内容 appendTo()把所有匹配的元素追加到另一个指定元素的集合中 prependTo()把所有匹配的元素前置到另一个指定的元素集合中

查看全部

0 采集收起来源：DOM内部插入prepend()与prependTo()
2017-03-21
慕标9515917

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

查看全部

0 采集收起来源：DOM外部插入after()与before()
2017-03-21
慕标9515917

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

查看全部

0 采集收起来源：DOM内部插入append()与appendTo()
2017-03-21
陈小缺

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

查看全部

0 采集收起来源：DOM替换replaceWith()和replaceAll()
2017-03-21
陈小缺

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

查看全部

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

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

查看全部

0 采集收起来源：DOM节点删除之empty和remove区别
2017-03-21
艾晓雨3403644

.parents() 找长辈(直接遍历到根元素,可能返回零个或一个或多个元素) 之前的： .detach() 隐身 .remove 自杀 .empty 身体被掏空 .clone 复制（true全复制 false 浅复制，无事件） .replaceWith 删除并替换节点（结合.replaceAll()来记） .wrap 每个人加个爸爸 .unwrap 爸爸没了 .wrapAll 所有人加个爸爸 .wrapAll（function）每个人加个爸爸 .wrapInner 加个儿子 .children() 找儿子 .find() 找后代 .parent() 找爸爸

查看全部

0 采集收起来源：jQuery遍历之parents()方法
2017-03-21

首页上一页 186 187 188 189 190 191 192 下一页尾页

0/150

提交

取消

开始学习

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

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