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

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

jQuery基础(二)—DOM篇

                
                Aaron艾伦
            Web前端工程师

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

全部评论问答未解决精华

请问老师这个是用什么编辑器写的?

已采纳回答 / 慕圣公会无忌

JetBrains WebStorm 2018.1.7 x64（这个版本的即可）

1 回答 631 浏览 2-2 jQuery节点创建与属性的处理

2020-12-14

为什么把this改成".aaron2"之后是以倍数增加div的

已采纳回答 / 旺仔窝窝头

我的理解(以克隆"aaron1"为例）：若将"this"改为"aaron1"，$(".arron1").clone()表示克隆所有类名为"aaron1"的元素，第一次点击"aaron1"时克隆出一个，此时共有2个"aaron1"的元素，再次克隆则会对这两个"aaron1"都克隆一次，所以当你第二点击克隆时就是克隆出2个"aaron1"，以此类推。而"this"指代当前对象，即只克隆当前这一个拥有克隆点击事件的对象。

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

2019-12-13

appedn可以同时插入图片和文字吗

已采纳回答 / MWHx

可以

$jieshou.append("<img src='icon/1.png'>" , "<p>"+":"+$content+"</p>");

$jieshou.append("<img src='icon/1.png'><p>"+":"+$content+"</p>");
直接连着写就行  亲测可以

<...图片...>

1 回答 931 浏览 3-1 DOM内部插入append()与appendTo()

2019-08-23

为什么多次使用wrapinner后，使用一次unwrap会直接还原，并且不可操作

已采纳回答 / MWHx

在你执行删除方法后你把class="right"的标签删掉了，然而你的所有新增样式都需要写在 .right标签下才会生效，方法确实生效了，只不过不在 .right 下（如果错误欢迎指正）

1 回答 922 浏览 5-6 DOM包裹wrapInner()方法

2019-08-10

直接用$("li").css("color","red")与整个each的方法效果是一样的。有什么区别或好处么

已采纳回答 / 慕虎0938118

each只是封装了。jQuery是一个合集对象，通过$()方法找到指定的元素合集后可以进行一系列的操作。比如我们操作$("li").css('') 给所有的li设置style值，因为jQuery是一个合集对象，所以css方法内部就必须封装一个遍历的方法，被称为隐式迭代的过程。要一个一个给合集中每一个li设置颜色，这里方法就是each。写js的时候，可能会有很多的代码重复，就需要将重复的代码封装到函数中，这样下次在哪里需要，就调用就行了。

2 回答 1124 浏览 6-10 jQuery遍历之each()

2019-07-17

请问大佬，如果想要添加一个按钮用来删除给p元素添加的div怎么写？

已采纳回答 / CodeOfCoin

$('p').unwrap(); //如果div是p的父结点的话$('p div').remove(); // 如果是div是p的子节点的话

3 回答 1215 浏览 5-3 DOM包裹wrap()方法

2019-05-27

请问$('.left')中这个.代表什么意思

已采纳回答 / 慕斯7357328

。。。你这个问题问的，你在好好看一下之前的吧，.left不就是他的class吗？

2 回答 1458 浏览 6-2 jQuery遍历之find()方法

2019-05-08

wrapInner包裹问题

已采纳回答 / 程序小白zxcn

没有要求div中必须只要一个子元素，可以有多个；但是<p></p>标签会包裹所有的子元素，而不是每个子元素都有一个p标签包裹着，你可以自己试试，然后在浏览器上查看一下就知道了

1 回答 911 浏览 5-6 DOM包裹wrapInner()方法

2019-05-06

给arron这个类加了背景，为何不起作用？

已采纳回答 / 慕移动0426391

同学，得认真检查代码了，aaron与arron,两个不同，一个a一个r

1 回答 863 浏览 3-4 DOM外部插入insertAfter()与insertBefore()

2019-04-24

不知道p按钮咋错了。没有反应

已采纳回答 / kiraseo

可能是jq引用路径有问题

2 回答 964 浏览 5-4 DOM包裹unwrap()方法

2019-03-22

想使用next给class=level-2的ul的所有第一个元素添加文本框

已采纳回答 / 悟酱起飞

$('.level-2').next(":first").css('border', '1px solid red')

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

2019-02-13

谁能解释下，多次点击button之后第二次刷新出来来的p2元素不再能弹出内容了

最赞回答 / 小季乐乐4412490

重点：detach不会清除事件，remove会清除事件当点击remove的时候会清掉第一个p标签，然后在下方添加一个p标签，因为remove会清除掉p标签点击事件，点击p标签的时候是没有点击事件的当点击detach的时候也是会清掉第一个p标签，然后在下方添加一个p标签，因为detach不会清掉p标签点击事件，点击p标签的时候是有事件的如果你点了两次remove按钮，那么会在下方添加两个不保留事件的p标签，如果再次点击detach的时候会默认找第一个p标签，因为append是顺序插入，也就是remove删除...

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

2019-01-09