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

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

jQuery基础(二)—DOM篇

                
                Aaron艾伦
            Web前端工程师

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

全部评论问答未解决精华

Ex_咖喱棒

这4节顺序调调不是更好么，非要一下内一下外一下内一下外
哎呀不要想歪了

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

2016-12-23

Ex_咖喱棒

@nadirvishun
感觉如果通过原生js把标签放在innerHTML里面，那样到时要修改的话找比较久
起码jQ就是一句话还快一点
小白个人意见

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

2016-12-23

篱落

代码不执行的童鞋请大家把script的引用修改为：http://libs.baidu.com/jquery/1.9.1/jquery.js 再试

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

2016-12-23

superunusa

你们都运行代码了没有？根本就不工作。你们都没有感觉有问题？

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

2016-12-22

nadirvishun

//原生JS仅仅是这个功能的化也很简单：
var body = document.querySelector('body');
document.addEventListener('click',function(){
var rightdiv='<div class="right"><div class="aaron">动态创建DIV元素节点</div></div>';
body.innerHTML +=rightdiv;
},false)

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

2016-12-22

藍裙子的百合魂

$("button:first").click(function() {
$('li.item-1').next().css('border','1px solid red')
})

0 6-6 jQuery遍历之next()方法

2016-12-21

藍裙子的百合魂

parent只会查找一级，parents则会往上一直查到查找到祖先节点

0 6-4 jQuery遍历之parents()方法

2016-12-21

藍裙子的百合魂

.find()和.children()方法是相似的
1.children只查找第一级的子节点
2.find查找范围包括子节点的所有后代节点

0 6-2 jQuery遍历之find()方法

2016-12-21

藍裙子的百合魂

.clone() //只克隆了结构，事件丢失
.clone(true) //结构、事件与数据都克隆

1 5-1 DOM拷贝clone()

2016-12-21

藍裙子的百合魂

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

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

2016-12-21

藍裙子的百合魂

append()前面是被插入的对象，后面是要在对象内插入的元素内容
appendTo()前面是要插入的元素内容，而后面是被插入的对象

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

2016-12-21

藍裙子的百合魂

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

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

2016-12-21

weibo_她舅他二舅都是他舅_0

orz.............

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

2016-12-21

Kunen

怎么改都触发不了事件？

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

2016-12-20

慕粉547471488

两个例子说明before和prepend 的区别
$(".test1").before('<p style="color:red">before,在匹配元素之前增加</p>', '<p style="color:red">多参数</p>')
})
其中test1和要和插入的p是兄弟关系

$('.aaron1')
.prepend('<p>prepend增加的p元素</p>')
其中aaron1和p是父子关系

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

2016-12-20

首页上一页 73 74 75 76 77 78 79 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

jQuery基础(二)—DOM篇