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

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

jQuery基础(二)—DOM篇

                
                Aaron艾伦
            Web前端工程师

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

全部评论问答未解决精华

$("p").before(function(n)添加的原理？？

已采纳回答 / 深山老龟

就是在 p元素节点前插入段落，每次插入的段落时如果存在，则向前移动，新插入的始终保持在This is a paragraphAAA. 前面

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

2018-03-12

console.log($(this).title="这是第"+(index+1)+"个"+$(this).id);语法错误？

最赞回答 / 笑阳不爱钱才

我的理解，你可以参考一下。$(this)是jq的用法，代表一个集合。在遍历赋值的时候$(this).id也是一个集合。所以console.log（）后，显示undefined。你改成this.id 就可以正常显示了。说白了$(this)是{this[0],this[1],this[2],this[3],this[4]}。$(this).id是没有确定值的。

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

2018-03-11

慕粉4398470

真希望老师能再负点责任，别有错别字好吗？学着太费劲

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

2018-03-07

qq_悠悠li_0

add()只是一个集合（对象）的方法

0 6-9 jQuery遍历之add()方法

2018-03-05

qq_悠悠li_0

各个知识点都讲的非常细。但是课程预估时间2小时17分估计没几个达得到吧o(^▽^)o

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

2018-03-05

qq_悠悠li_0

return '<div class="' + $(this).text() + '" />';
这个返回值返回的<div class='a元素'></div>
class='a元素'实际上什么也不会发生，这里有点干扰人

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

2018-03-05

qq_悠悠li_0

这就跟操作数据库一样，一套增删改查下来，确实细碎

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

2018-03-05

qq_悠悠li_0

通过C++的知识理解：
1.对象和数组在元素数据内其实是以指针的方式存在的，相当于仅仅是一个快捷方式。
2.当克隆这个元素时，也仅仅是将他本身的指针（快捷方式）给克隆过来。
也就是说本体和克隆体具有了同一套指针（快捷方式），所以他们的数据会指向同一个实体：数组、对象。

以上是个人理解与推测

1 5-1 DOM拷贝clone()

2018-03-05

qq_悠悠li_0

老师讲得非常详细，基本上相关的操作都讲到了一遍，还有相似操作的对比。所以显得内容有点冗长。
但是，戒骄戒躁，当你老实地把老师讲得都看完，你的基础会变得非常扎实

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

2018-03-05

qq_悠悠li_0

$("p").append(p)改成下面，可以还原成原样
$("#bt1").before(p);

0 4-4 DOM节点删除之保留数据的删除操作detach()

2018-03-05

qq_悠悠li_0

div {
background: #bbffaa;
width: 300px;
height:100px;
}
更容易观察

0 4-1 DOM节点删除之empty()的基本用法

2018-03-05

幕布斯9570283

给自己加油?

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

2018-03-05

不抛弃不放弃fighting

.wrap 每个人加个爸爸 .wrapAll 大家一起加个爸爸

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

2018-03-04

不抛弃不放弃fighting

HTML部分
<div></div>

JavaScript部分
$("div").on('click', function() {//执行操作})

//clone处理一
$("div").clone() //只克隆了结构，事件丢失

//clone处理二
$("div").clone(true) //结构、事件与数据都克隆

0 5-1 DOM拷贝clone()

2018-03-04

不抛弃不放弃fighting

这里总结下内部操作四个方法的区别：

append()向每个匹配的元素内部追加内容
prepend()向每个匹配的元素内部前置内容
appendTo()把所有匹配的元素追加到另一个指定元素的集合中
prependTo()把所有匹配的元素前置到另一个指定的元素集合中

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

2018-03-04

不抛弃不放弃fighting

注意点：

after向元素的后边添加html代码，如果元素后面有元素了，那将后面的元素后移，然后将html代码插入
before向元素的前边添加html代码，如果元素前面有元素了，那将前面的元素前移，然后将html代码插

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

2018-03-04

首页上一页 17 18 19 20 21 22 23 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空