慕课网

jQuery基础(二)—DOM篇

最热最新

Zhq9695

jQuery遍历之each() <ul> <li>慕课网</li> <li>Aaron</li> </ul> $("li").each(function(index, element) { index 索引 0,1 element是对应的li节点 li,li this 指向的是li }) each是一个for循环的包装迭代器 each通过回调的方式处理，并且会有2个固定的实参，索引与元素 each回调方法中的this指向当前迭代的dom元素

查看全部

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

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

查看全部

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

jQuery遍历之siblings() $("div").siblings() // 查找div的所有兄弟元素 $("div").siblings(":last") // 查找div的所有兄弟元素筛选出最后一个

查看全部

0 采集收起来源：jQuery遍历之siblings()
2018-03-22
Zhq9695

jQuery遍历之prev()方法 $("div").prev() // 查找div的上一个兄弟元素 $("div").prev(":first") // 查找div的上一个兄弟元素中的第一个元素（因为有很多个div，所有有很多个他们的兄弟元素）

查看全部

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

jQuery遍历之next()方法 $("div").next() // 查找div的下一个兄弟元素 $("div").next(":first") // 查找div的下一个兄弟元素中的第一个元素（因为有很多个div，所有有很多个他们的兄弟元素）

查看全部

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

jQuery遍历之closest()方法 $("div").closest(".div") // 从当前元素开始逐级向上查找，找到.div时就停止查找，只返回零个或者一个起始位置不同：.closest开始于当前元素 .parents开始于父元素遍历的目标不同：.closest要找到指定的目标，.parents遍历到文档根元素，closest向上查找，直到找到一个匹配的就停止查找，parents一直查找到根元素，并将匹配的元素加入集合结果不同：.closest返回的是包含零个或一个元素的jquery对象，parents返回的是包含零个或一个或多个元素的jquery对象

查看全部

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

jQuery遍历之parents()方法 $("div").parent() // 遍历div的所有祖先元素 $("div").parent(".div") // 遍历div的所有祖先元素中筛选出.div

查看全部

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

jQuery遍历之parent()方法 $("div").parent() // 查找div的父元素（不包括所有祖先） $("div").parent(":last") // 查找div的父元素，因为有很多个div，所以有很多个父元素，查找最后一个

查看全部

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

jQuery遍历之find()方法 $("div").find("li") // 查找div下所有后代中的li ，参数不可省略 $("div").find("*") // 查找div下的所有后代

查看全部

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

jQuery遍历之children()方法 $("div").children() // 遍历所有div的儿子元素（不包括所有子孙） $("div").children(":last") // 遍历所有div的儿子元素中的last个

查看全部

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

DOM包裹wrapInner()方法 $("div").wrapInner("<p></p>") // 给div下的所有子元素包裹一个父元素p $("div").wrapInner(function(){return "<p></p>"}) // 同上 <div> <p>p元素</p> </div> <div> <p>p元素</p> </div>

查看全部

0 采集收起来源：DOM包裹wrapInner()方法
2018-03-22
霜花似雪

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

查看全部

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

DOM包裹wrapAll()方法 $("p").wrapAll("<div></div>") // 给所有的p元素包裹一个父元素div <div> <p>p元素</p> <p>p元素</p> </div> $("p").wrapAll(function(){return "<div></div>"}) // 通过回调函数单独处理每一个 <div> <p>p元素</p> </div> <div> <p>p元素</p> </div>

查看全部

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

DOM包裹unwrap()方法 $("p").unwrap() // 删除了父元素的包裹，保留了自身（和兄弟节点）

查看全部

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

DOM包裹wrap()方法 $("p").wrap("<div></div>") // 给p元素包裹一个父元素div $("p").wrap(function(){return "<div></div>"}) // 回调函数，效果同上

查看全部

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

首页上一页 193 194 195 196 197 198 199 下一页尾页

0/150

提交

取消

开始学习

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

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