慕课网

jQuery基础(二)—DOM篇

最热最新

JohnieXu

each是一个for循环的包装迭代器 each通过回调的方式处理，并且会有2个固定的实参，索引与元素 each回调方法中的this指向当前迭代的dom元素

查看全部

0 采集收起来源：jQuery遍历之each()
2017-03-18
JohnieXu

与next相反，紧接着的上一个兄弟元素

查看全部

0 采集收起来源：jQuery遍历之prev()方法
2017-03-18
JohnieXu

next()无参数允许我们找遍元素集合中紧跟着!!! 这些元素的直接兄弟元素，并根据匹配的元素创建一个新的 jQuery 对象

查看全部

0 采集收起来源：jQuery遍历之next()方法
2017-03-18
JohnieXu

.parents()和.closest()的区别： 1.起始位置不同：.closest开始于当前元素 .parents开始于父元素 2.遍历的目标不同：.closest要找到指定的目标，.parents遍历到文档根元素，closest向上查找，直到找到一个匹配的就停止查找，parents一直查找到根元素，并将匹配的元素加入集合 3.结果不同：.closest返回的是包含零个或一个元素的jquery对象，parents返回的是包含零个或一个或多个元素的jquery对象

查看全部

0 采集收起来源：jQuery遍历之closest()方法
2017-03-18
想当大牛

其实在on括号里面的click后面加上"button"就可以指定触发事件的元素了

查看全部

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

each是一个for循环的包装迭代器 each通过回调的方式处理，并且会有2个固定的实参，索引与元素 each回调方法中的this指向当前迭代的dom元素

查看全部

1 采集收起来源：jQuery遍历之each()
2017-03-17
霜花似雪

jQuery遍历之add()方法 $("div").add("p") // 查找所有div标签和p标签（不是将p加在div中，而是同时遍历） $("div").add("<p>123</p>").appendTo(目标) // 查找所有div和新建的一个p标签，插入到目标位置，改变了原来的结构，移动了位置【注意】容易引发歧义，add()有两种意思：【第一】：不是增加某个元素标签，而是又附加选择了一个元素操作：$('li').add('p')选择所有的li元素，之后把p元素也加入到li的合集中，仅仅是增加一个元素进入集合，而不是在某（类）元素中新建元素【第二】增加的同时又动态新增了一个 $('li').add('<p>add新增的p元素</p>').appendTo(目标位置) 新建的元素是在$('li')之后

查看全部

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

.children() 找儿子 .find() 找后代 .parent() 找爸爸 .parents() 找长辈(直接遍历到根元素,可能返回零个或一个或多个元素) .closest() 找长辈(从当前节点向上遍历,找到停止,返回零个或一个元素) .next() 找小弟 .prev() 找大哥 .siblings() 找兄弟 jQuery遍历之siblings() $("div").siblings() // 查找div的所有兄弟元素 $("div").siblings(":last") // 查找div的所有兄弟元素筛选出最后一个 $('.item-2').siblings().css('border','3px solid red');//找到class=item-2的所有兄弟节点然后给每个li加上红色的边 $('.item-2').siblings(':last').css('border', '2px solid blue')//找到class=item-2的所有兄弟节点,然后筛选出最后一个，加上蓝色的边

查看全部

0 采集收起来源：jQuery遍历之siblings()
2018-03-22
霜花似雪

jQuery遍历之prev()方法 $("div").prev() // 查找div的上一个兄弟元素 $("div").prev(":first") // 查找div的上一个兄弟元素中的第一个元素（因为有很多个div，所有有很多个他们的兄弟元素） $('.item-2').prev().css('border','3px solid red'); //通过prev方法，找到每个class=item-2的li节点所对应的上一个兄弟节点 $('.item-3').prev(':last').css('border', '1px solid blue') //找到所有class=item-2的li然后筛选出最后一个，加上蓝色的边

查看全部

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

jQuery遍历之next()方法 $("div").next() // 查找div的下一个兄弟元素 $("div").next(":first") // 查找div的下一个兄弟元素中的第一个元素（因为有很多个div，所有有很多个他们的兄弟元素） $('.item-1').next().css('border','3px solid red');//找到所有class=item-2的li，然后给每个li加上红色的边 $('.item-2').next(':first').css('border', '1px solid blue')//找到所有class=item-3的li,然后筛选出第一个li，加上蓝色的边

查看全部

1 采集收起来源：jQuery遍历之next()方法
2018-03-22
qq_齐步走_1

【注意】容易引发歧义，add()有两种意思：【第一】：不是增加某个元素标签，而是又附加选择了一个元素操作：$('li').add('p')选择所有的li元素，之后把p元素也加入到li的合集中，仅仅是增加一个元素进入集合，而不是在某（类）元素中新建元素

查看全部

0 采集收起来源：jQuery遍历之add()方法
2017-03-17
qq_齐步走_1

.closest(),首先从本身开始向上匹配，若匹配到符合要求的第一个，即停止匹配。 .parents（），从元素父级一直向上匹配，找出所有匹配的符合要求元素。

查看全部

0 采集收起来源：jQuery遍历之closest()方法
2017-03-17
qq_齐步走_1

.children() 找儿子 .find() 找后代 .parent() 找爸爸 .parents() 找长辈(从父元素开始，直接遍历到根元素,可能返回零个或一个或多个元素) .closest() 找长辈(从当前节点向上遍历,找到停止,返回零个或一个元素) .next() 找小弟：五娃找六娃 .prev() 找大哥:五娃找四娃 .siblings() 找兄弟：所有兄弟

查看全部

0 采集收起来源：jQuery遍历之siblings()
2017-03-17
绝版女鬼

append() 在A后面添加B内容 appendTo()把B内容添加到A后 prepend()在A前面添加B内容 prependTo()把B内容添加到A前

查看全部

0 采集收起来源：DOM内部插入prepend()与prependTo()
2017-03-17
霜花似雪

jQuery遍历之closest()方法 $("div").closest(".div") // 从当前元素开始逐级向上查找，找到.div时就停止查找，只返回零个或者一个起始位置不同：.closest开始于当前元素 .parents开始于父元素 $("div").closet("li') //在div元素中，往上查找所有的li元素 $("li.item-1").closest("ul.level-2").css('border','3px solid red');//找到class="item-1"的li元素，通过closest方法往上找到class=".level-2"的ul元素,并加上一个边框

查看全部

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

首页上一页 190 191 192 193 194 195 196 下一页尾页

0/150

提交

取消

开始学习

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

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