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

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

jQuery基础(二)—DOM篇

                
                Aaron艾伦
            Web前端工程师

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

全部评论问答未解决精华

幕布斯7679853

在使用replacewith&&replaceall时要注意，被替换的一方如果是页面中存在的元素的话会被删除！
可以看见被替换的第一个也被删除了
$(".bt2").on('click', function() {
$('.right > div:last p:last').replaceWith($(".right > div:first p:eq(1)"));
})

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

2017-05-04

幕布斯7679853

clone()会返回克隆的元素，把克隆的元素赋值给全局变量的话p =clone($(this));就可以在其他的地方追加这个被克隆的元素了

0 5-1 DOM拷贝clone()

2017-05-04

海子de微博

append()是受，appendTo()是攻，都是内部下面插入。prepend()是受，prependTo()是攻，都是内部上面插入。

before()和after()是外部插入，一个从前面插，一个从后面插。

1 3-3 DOM内部插入prepend()与prependTo()

2017-05-04

慕斯4233115

我感觉有to和没to是最好理解的把什么东西放到指定位置就用to

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

2017-05-04

weibo_我叫一声张晓钰你敢答_0

看看评论总能让你惊艳到大神啊[膜拜]你们到底在说些什么==

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

2017-05-04

慕斯4233115

获取的jquery对象是整个body 和按钮无关所以点哪里都可以产生节点元素

0 2-2 jQuery节点创建与属性的处理

2017-05-04

剑南青竹

$('p').wrapAll('<div></div>')：会将所有的p元素集合在一起，并在外层添加div标签，会改变p元素在文档中的原始结构

$('a').wrapAll(function() { return '<div></div>' })：每一个a元素分别添加div标签

1 5-5 DOM包裹wrapAll()方法

2017-05-03

剑南青竹

wrap(wrappingElement )方法：
wrappingElement ：必须包含HTML结构，且HTML结构可以包含文本，均可用于包裹元素；
若wrappingElement只有文本内容，则包裹方法失效

0 5-3 DOM包裹wrap()方法

2017-05-03

幕布斯7679853

注意这里关键一点没有说，detach()是有返回值的，在全局中var p 事件中p=detach()下次追加的时候$('body').append(p)就可以了

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

2017-05-03

剑南青竹

如果通过empty方法删除这个节点，同时需要把事件给销毁掉，这里是为了防止"内存泄漏"，所以前端开发者一定要注意，绑了多少事件，不用的时候一定要记得销毁
remove 方法删除节点的同时，会删除绑定的实事件

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

2017-05-03

剑南青竹

querySelector() 方法仅仅返回匹配指定选择器的第一个元素。如果你需要返回所有的元素，使用 querySelectorAll() 方法替代。

addEventListener() 方法用于向指定元素添加事件句柄。

提示：使用 removeEventListener() 方法来移除 addEventListener() 方法添加的事件句柄。

学习了！！

2 2-1 DOM创建节点及节点属性

2017-05-03

我为前端上王者

插入 insert 삽입 Включить Insérer แทรก oznaczenie lisätään introduceţi 挿入

3 3-2 DOM外部插入after()与before()

2017-05-02

小小菜a

this有点懵逼

0 6-10 jQuery遍历之each()

2017-05-02

AZHEll

你们说的都对，一个说的是index的值是奇数还是偶数，一个呢，说的是元素的在页面的排行是奇数还是偶数。所以从内里和表现不同的层面的来说，大家都是对的，但是要注意的是老师这里的意思是从表现来讲的。我也是看你们的评论绕了半天，但是我想说的是看第一眼就不要觉得别人是错的，只是人家和你站的角度不同而已。

2 6-10 jQuery遍历之each()

2017-04-30

AZHEll

为什么要强调JQuery是一个合计对象呢，这是老师的良苦用心，运行自己的html页面后，大家可以在浏览器的控制台测试一下，我推荐有谷歌内核的浏览器，然后输入任何遍历方法，可以适当的添加选择器，例 $('.item-2').siblings()，然后大家就可以清楚地看到控制台输出了一个集合，里面的对象全部都是页面中被筛选出的元素，这个时候大家再次输入 $('.item-2').siblings(':last')，很多人这个时候会豁然开朗，喔，原来这个last是找出siblings方法选出的集合最后一个元素啊，是不是红红火火恍恍惚惚？

0 6-8 jQuery遍历之siblings()

2017-04-30

首页上一页 45 46 47 48 49 50 51 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

jQuery基础(二)—DOM篇