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

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

jQuery基础(二)—DOM篇

                
                Aaron艾伦
            Web前端工程师

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

全部评论问答未解决精华

水果馅的饺子

刚百度了一下closet（）方法，发现是从w3school搬过来的，大写的尴尬

3 6-5 jQuery遍历之closest()方法

2017-05-05

mop18mop183811015

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

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

2017-05-05

小董君同学

相当于jQuery dom的for循环遍历操作

0 6-10 jQuery遍历之each()

2017-05-05

小董君同学

console.log($('.item-2').siblings());
console.log($('.item-2').siblings(':last'));
把html代码复制到本地，打开控制台，分别输入这两句，理解会更清楚

0 6-8 jQuery遍历之siblings()

2017-05-05

小董君同学

$('.item-2').next().css('border','1px solid red');没参数的第三个全红了，
$('.item-2').next(':first').css('border', '1px solid blue')；有参数的只有第一个div里边的变蓝了。

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

2017-05-05

小董君同学

.closest()——找到离自己最近的复合条件的祖先元素，能找到就返回一个元素，找不到就返回空了
.parent()——找到所有子元素，没有筛选，返回的是对象数组，会有零或多个匹配项

0 6-5 jQuery遍历之closest()方法

2017-05-05

小董君同学

parents()找到选择器的所有祖辈元素

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

2017-05-05

小董君同学

parent()——只找到选择器的爸爸就行，和children（）方法相反，children（）只找儿子辈的就行

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

2017-05-05

小董君同学

如果使用jQuery的话，就不建议用CSS选择器来选中元素了，因为速度要比jQuery方法慢，find（）比ul li 效率高，而children（）比ul>li效率高

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

2017-05-05

小董君同学

find（）——找后代元素，甭管它是儿子孙子还是重孙子，但是得知道这个后代叫啥名（参数）才能选中，参数是*的话，就是选中所有后代

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

2017-05-05

小董君同学

$('.div').children(':last').css('border', '3px solid blue')，选中小儿子给穿个蓝色的外套

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

2017-05-05

小董君同学

wrapInner()——给每个选中的元素生个儿子

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

2017-05-05

小董君同学

wrapAll()——给所有元素生出个同一个爸爸，加回调方法，每个元素生出个爸爸（有多个爸爸了，一个孩子一个爸爸）

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

2017-05-05

小董君同学

unwarp()——把选择器的爸爸干掉

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

2017-05-05

小董君同学

$('div').clone()只能克隆节点，可以理解为单单克隆了一个基因一样的人
$('div').clone(true)不光克隆了节点，连事件和数据一起克隆了，可以理解为这个克隆人具有和原来的人一样的性格，处事方式，思想行为

0 5-1 DOM拷贝clone()

2017-05-05

小董君同学

detach（）——暂时删除节点，但是并未删除jQuery对象，以后想用的时候还是可以用的

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

2017-05-05

首页上一页 59 60 61 62 63 64 65 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

jQuery基础(二)—DOM篇