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

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

jQuery基础(二)—DOM篇

                
                Aaron艾伦
            Web前端工程师

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

全部评论问答未解决精华

为什么再次点击就只加p而不加li了呢

已采纳回答 / Flay_Away

点击按钮时触发了add方法，第一次点击将li和p加到了.right里，此时.div中的li已经没有了只有add<p>...</p>方法了，所以只加p了

3 回答 1586 浏览 6-9 jQuery遍历之add()方法

2018-09-07

番茄炒蛋不放糖_

最外面一件衣服脱了，里面再加一件衣服，再穿回去。只不过没有脱衣服穿衣服的过程哈哈哈

0 5-6 DOM包裹wrapInner()方法

2018-09-05

Mrgreed

每次不懂了来评论区总有大神【手动滑稽】

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

2018-09-03

深复制指的是开辟了一块新的内存并将数据拷贝一份新的到新的内存中使用clone(true)将继续被克隆元素和原始元素共享, 两个元素使用的是同一个数据, 也就是说改变其中一个元素数据, 另一个元素的数据也将改变,简单点的例子:a.data = [1, 2, 3];b = a.clone(true);b.data; // [1, 2, 3]b.data[2] = 5; // [1, 2, 5]a.data // [1, 2, 5]

1 回答 1557 浏览 5-1 DOM拷贝clone()

2018-09-02

为什么任务跟答案不一致，是我理解错了吗

已采纳回答 / 我听闻

实现效果的方法有很多，你这是其中一种，这节课是讲的next()方法，让你用next()方法实现，了解next()的用法

2 回答 1362 浏览 6-6 jQuery遍历之next()方法

2018-08-31

本章的多次点击

已采纳回答 / 慕粉有话说

<p>标签默认带了margin-top 16px的样式，<p>替换成<a>后该样式消失，两个div间的间距变成0，看是去好像重合了

1 回答 1147 浏览 5-2 DOM替换replaceWith()和replaceAll()

2018-08-31

很疑惑，求分享看法

已采纳回答 / Teaocat

首先,看代码, //给页面上2个p元素都绑定事件 $('p').click(function(e) { alert(e.target.innerHTML) }) $("button:first").click(function() { var p = $("p:first").remove(); p.css('color','red').text('p1通过remove处理后,点击该元素,事件丢失') $("body").ap...

6 回答 1587 浏览 4-5 DOM节点删除之detach()和remove()区别

2018-08-29

document.body.append(p);会是object,$("body").append(p)就是对的

最新回答 / 耿直的杨耿直

document.body.append(p);魔鬼一般的想法。。。。。原代码中p = $("p").detach()在p里存的jquery节点你这里用的是原生js，当然应该传dom节点才对

2 回答 2525 浏览 4-4 DOM节点删除之保留数据的删除操作detach()

2018-08-22

颜色设置的为什么是整个body 不是p元素呢

最新回答 / 愚慕脑袋

本来就没设置整个body，是p元素

1 回答 1122 浏览 4-5 DOM节点删除之detach()和remove()区别

2018-08-22

形式扰人

就是个替换方法，一个是主动一个是被动，越听越复杂，还是看评论舒服点

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

2018-08-21

形式扰人

柜子里在最前面加抽屉：prepend---prependTo（被动）
柜子里在最后面加抽屉：append----appendTo（被动）
在抽屉前面加抽屉：before-----insertBefore（被动）
在抽屉后面加抽屉：after-------insertAfter（被动）

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

2018-08-21

remove和 detach append（p）之后p都会显示

最赞回答 / 等你到天明

remove等于让节点从宇宙中消失。什么都没了detach相当于让节点变透明。在html中看不见，但是你的思想还在注视着整个世界detach + append（p）相当于让本来在html中透明的变成可以看见的存在的。

3 回答 1199 浏览 4-5 DOM节点删除之detach()和remove()区别

2018-08-15

.click(function(){});和.on('click',function(){})的区别是什么？？

最赞回答 / 悟酱起飞

click定义了以后，只对上文的dom有效果，下文新建的dom是没有这个事件的on了以后，不管是上文拥有的dom，还是新建的dom，都有这个事件一个很简单的例子：不用on：var a = $('<div class="cl">创建节点</div>');a.appendTo('body');$('.cl').click(function(){console.log('click无on')});$('body').append('<div class="cl">新建节点&l...

3 回答 1635 浏览 6-3 jQuery遍历之parent()方法

2018-08-14