慕课网

jQuery基础(二)—DOM篇

最热最新

数媒班小橘子

$("div").detach()这一句会移除对象，仅仅是显示效果没有了。但是内存中还是存在的。当你append之后，又重新回到了文档流中。就又显示出来了。

查看全部

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

<script type="text/javascript"> $("button:last").click(function() { //遍历所有的li //修改偶数li内的字体颜色 $("li").each(function(index, element) { if (index % 2) { $(this).css('color','blue') } if(index>3) return false }) }) </script>

查看全部

0 采集收起来源：jQuery遍历之each()
2018-03-22
qq_天刑_03233178

看一个简单的案例 <ul> <li>慕课网</li> <li>Aaron</li> </ul> 开始迭代li，循环2次 $("li").each(function(index, element) { index 索引 0,1 element是对应的li节点 li,li this 指向的是li })

查看全部

0 采集收起来源：jQuery遍历之each()
2018-03-22
qq_天刑_03233178

粗看.parents()和.closest()是有点相似的，都是往上遍历祖辈元素，但是两者还是有区别的，否则就没有存在的意义了起始位置不同：.closest开始于当前元素 .parents开始于父元素遍历的目标不同：.closest要找到指定的目标，.parents遍历到文档根元素，closest向上查找，直到找到一个匹配的就停止查找，parents一直查找到根元素，并将匹配的元素加入集合结果不同：.closest返回的是包含零个或一个元素的jquery对象，parents返回的是包含零个或一个或多个元素的jquery对象

查看全部

0 采集收起来源：jQuery遍历之closest()方法
2017-04-25
一鸣0

注意：替换后的节点，并不计算在当前索引里。所以当再次执行replaceWith或者replaceAll操作时，只计算没有被替换的索引。点replaceAll，第一次，最后一个被替换，点第二次，第五段被替换，点第三次第四段被替换。。。。

查看全部

0 采集收起来源：DOM替换replaceWith()和replaceAll()
2017-04-25
数媒班小橘子

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

查看全部

0 采集收起来源：DOM节点删除之empty和remove区别
2017-04-25
数媒班小橘子

remove表达式参数： remove比empty好用的地方就是可以传递一个选择器表达式用来过滤将被移除的匹配元素集合，可以选择性的删除指定的节点我们可以通过$()选择一组相同的元素，然后通过remove（）传递筛选的规则，从而这样处理对比右边的代码区域，我们可以通过类似于这样处理 $("p").filter(":contains('3')").remove()

查看全部

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

DOM节点删除之empty()的基本用法 empty 顾名思义，清空方法，但是与删除又有点不一样，因为它只移除了指定元素中的所有子节点。元素里任何文本字符串都被看做是该元素的子节点 <div class="hello"><p>慕课网</p></div>

查看全部

0 采集收起来源：DOM节点删除之empty()的基本用法
2018-03-22
数媒班小橘子

.before()和.insertBefore()实现同样的功能。主要的区别是语法——内容和目标的位置。对于before()选择表达式在函数前面，内容作为参数，而.insertBefore()刚好相反，内容在方法前面，它将被放在参数里元素的前面 .after()和.insertAfter() 实现同样的功能。主要的不同是语法——特别是（插入）内容和目标的位置。对于after()选择表达式在函数的前面，参数是将要插入的内容。对于 .insertAfter(), 刚好相反，内容在方法前面，它将被放在参数里元素的后面 before、after与insertBefore。insertAfter的除了目标与位置的不同外，后面的不支持多参数处理

查看全部

0 采集收起来源：DOM外部插入insertAfter()与insertBefore()
2017-04-25
数媒班小橘子

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

查看全部

0 采集收起来源：DOM内部插入prepend()与prependTo()
2017-04-25
No09

这里每次新加的p元素为何在li之前 [最新星yee_爷的回答] 突然明白了，盗用@C0EEC3F7BBAA大神的回答你第一次点击的时候取出.div里的三个li并加上新的p添加到div.right里，此时.right里有三个li一个p第二次点的时候你把三个li取出，此时.right里只剩一个p（暂且取名‘次新p’），你再用三个li加一个新p添加到.right中时是添加到次新p的下面，就造成了你所看到的现像，其实最下面的p和三个li才是新添加的，上面的是以前的... 时间：2017-02-28

查看全部

0 采集收起来源：jQuery遍历之add()方法
2017-04-25
迎风向上乀

on表示将事件绑定在body上，第一个参数click表示点击事件绑定到body对象，第二个表示冒泡到button则触发，第三个是触发的函数

查看全部

0 采集收起来源：jQuery节点创建与属性的处理
2017-04-25
Jammy_23

index % 2: 除2求余，无论什么正整数，其计算结果只有两个，就是0和1。这两个值在C语言中也代表boolean类型，如果index%2等于1（true），那么index=1,3,5,7....,也就是第2,4,6,8...行了，即偶数行

查看全部

0 采集收起来源：jQuery遍历之each()
2017-04-24
洋葱_dot

insertBefore:$('<p></p>').insertBefore($('#A'))==将p标签添加到#A的前面（注：一次只能添加一个元素，多写无效） insertAfter:$('<p></p>').insertAfter($('#A'))==将p标签添加到#A的后面（注：一次只能添加一个元素，多写无效） before:$('#A').before('<p></p>')==将p标签添加到#A的前面（注：一次能添加多个元素，均有效） after:$('#A').before('<p></p>')==将p标签添加到#A的后面（注：一次能添加多个元素，均有效）

查看全部

0 采集收起来源：DOM外部插入insertAfter()与insertBefore()
2018-03-22
慕粉3382262

if (!$("p").length) return; //去重为避免多次点击移除，导致p节点为null，而无法再次通过append把删除的p元素放到页面上，就必须去重

查看全部

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

首页上一页 169 170 171 172 173 174 175 下一页尾页

0/150

提交

取消

开始学习

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

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