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

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

jQuery基础(二)—DOM篇

                
                Aaron艾伦
            Web前端工程师

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

全部评论问答未解决精华

暮女神

醉了,明明说不接受任何参数,在编辑器里还要加上参数- -

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

2017-06-01

暮女神

点赞数最多的评论append和prepend解释错啦!

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

2017-06-01

暮女神

一直点下去...

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

2017-06-01

慕粉091628941

<button onclick=''>点击通过jQuery动态创建元素节点</button>

var $bt=$('button')
var $body = $('body');
$bt.on('click', function() {
//通过jQuery生成div元素节点
var div = $("<div class='right'><div class='aaron'>动态创建DIV元素节点</div></div>")
$body.append(div)
})

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

2017-06-01

慕粉091628941

var body=document.querySelector('body');function q1(){varrightdiv=document.createElement('div'); varrightaaron=document.createElement('div');rightdiv.setAttribute('class','right')rightaaron.className='rightaaron';rightaaron.innerHTML='1111'rightdiv.appendChild(rightaaron)body.appendChild(rightdiv)}

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

2017-06-01

慕粉091628941

<h2>动态创建元素节点</h2>
<div class="left">
<div class="aaron" onclick="q1()">
点击body区域会动态创建元素节
</div>
</div>

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

2017-06-01

慕粉091628941

把所有用的元素全部大概学习一遍
querySelector()高级选择器
addEventListener('事件。必须。字符串，指定事件名。'，‘函数。必须。指定要事件触发时执行的函数。 ’，‘可选。布尔值，指定事件是否在捕获或冒泡阶段执行。true - 事件句柄在捕获阶段执行alse- false- 默认。事件句柄在冒泡阶段执行’)
创建元素：document.createElement
设置属性：setAttribute
添加文本：innerHTML
加入文档：appendChild

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

2017-06-01

暮女神

再再再总结一下:
append----appendTo
prepend---prependTo
before-----insertBefore
after-------insertAfter

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

2017-06-01

暮女神

append() 和 appendTo() 方法执行的任务相同。不同之处在于：内容和选择器的位置，以及 append() 能够使用函数来附加内容。

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

2017-05-31

治贤

快要学不下去了，看着评论又能坚持一下了

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

2017-05-30

又懒又馋

看到两座吊桥的同学举个手！

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

2017-05-27

又懒又馋

来！点出金字塔。

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

2017-05-27

又懒又馋

p标签原来有父元素div，再给p添加父类也就成了原来div元素的子类，用css定义原来div标签所有后代的展示属性，也就成了p元素新父类的属性展示出来。

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

2017-05-27

慕粉4201524

$('.div:first').find('.level-3').parent().css('border','1px solid red');

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

2017-05-26

逍_逝

这一篇都是在搞关系（苦笑脸）

0 6-10 jQuery遍历之each()

2017-05-24

首页上一页 40 41 42 43 44 45 46 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

jQuery基础(二)—DOM篇