jQuery基础(二)—DOM篇_技术问答

首页免费课 jQuery基础(二)—DOM篇问答

jQuery基础(二)—DOM篇

                
                Aaron艾伦
            Web前端工程师

                    查看讲师更多课程 
                    Aaron艾伦讲师的其他课程
                
H5+JS+CSS3 实现圣诞情缘
中级·121989
免费课程
                                
H5+JS+CSS3实现七夕言情
中级·211525
免费课程
                                
jQuery基础(四)—动画篇
初级·85050
免费课程
                                
jQuery基础(三)—事件篇
入门·89996
免费课程
                                
jQuery基础 (一)—样式篇
入门·217510
免费课程
                                
jQuery源码解析（DOM与核心模块）
高级·71439
免费课程
                                
                难度入门
            
                时长 2小时17分
            
                学习人数
            
综合评分9.13
                            812人评价
                        查看评价
                                9.5
                                内容实用
                            
                                9.1
                                简洁易懂
                            
                                8.8
                                逻辑清晰

全部评论问答未解决精华

大蟹

哇，，没看任务自己先敲代码试试 $('.level-3').parent().css('border','1px solid red'); 再看下任务，居然一样的。太巧合了。哈哈

1 6-3 jQuery遍历之parent()方法

2017-04-01

qq_晴天娃娃_15

经过detach处理后所有绑定的事件、附加的数据等都会保留下来。
经过remove处理后所有绑定的事件、附加的数据等都不会保留下来。

0 4-5 DOM节点删除之detach()和remove()区别

2017-03-31

大蟹

评论区能学到东西

0 4-5 DOM节点删除之detach()和remove()区别

2017-03-31

大蟹

还有谁忍不住把empty改回来remove的

2 4-2 DOM节点删除之remove()的有参用法和无参用法

2017-03-31

大蟹

哈哈，污了

0 3-1 DOM内部插入append()与appendTo()

2017-03-31

SinLapis

关于find的作用，可以先看这篇文章http://blog.csdn.net/freshlover/article/details/10813657

由文章可见，JQuery采取的是从右至左的顺序，而形如$("#tab div")使用从右至左的顺序的话效率将会很低（即先找出所有的div，再找id为tab的父元素），此处使用find将处理顺序变为从左至右，即$("#tab").find("div")，在DOM树非常复杂的情况下可以提高效率。

1 6-2 jQuery遍历之find()方法

2017-03-30

慕粉3829658

$('.item-2').next(),是$('.item-2')的兄弟元素集合；
$('.item-2').next(':first')是这个集合里的第一个元素；

0 6-6 jQuery遍历之next()方法

2017-03-30

qq_明_23

1楼这货脑洞有点大

2 5-2 DOM替换replaceWith()和replaceAll()

2017-03-29

qq_明_23

很好理解！

1 4-5 DOM节点删除之detach()和remove()区别

2017-03-29

慕粉4042427

第1个在jquery-3.0.0.js加参数无效

0 5-4 DOM包裹unwrap()方法

2017-03-29

慕粉3829658

然而parent()，可以接受参数，匹配符合类型的父元素
把题目中加一个
<div class="div">
<ul class="level-3">
<li class="item-1">1</li>
<li class="item-2">2</li>
<li class="item-3">3</li>
</ul>
</div>
再parent("li")试试（手动滑稽）

1 6-3 jQuery遍历之parent()方法

2017-03-29

慕粉3829658

(A).after(B,C); //紧接着A元素后面追加兄弟元素B,C------支持多参数，追加B,C
(A).before(B,C); //紧接着A元素前面追加兄弟元素B,C------支持多参数，追加B,C
(A).insertBefore(B,C); //紧接着A元素前面追加兄弟元素B,C------不支持多参数，追加第一个参数B
(A).insertAfter(B,C); //紧接着A元素后面追加兄弟元素B,C------不支持多参数，追加第一个参数B

5 3-4 DOM外部插入insertAfter()与insertBefore()

2017-03-29

慕粉3829658

(A).append(B，C); //在A的最后追加一个子元素B和C------支持多参数，追加B,C
(B,C).appendTo(A); //把B作为子元素追加在A的最后------不支持多参数，追加第一个参数B
(A).prepend(B,C); //向A内部前置子元素B,C------支持多参数，前置B,C
(B,C)prependTo(A); //把B作为子元素前置到A内部------不支持多参数，前置第一个参数B

1 3-4 DOM外部插入insertAfter()与insertBefore()

2017-03-29