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

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

jQuery基础(二)—DOM篇

                
                Aaron艾伦
            Web前端工程师

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

全部评论问答未解决精华

AZHEll

注意一下同志们，我用的这个版本jquery-3.2.0已经不支持第一种格式了，也就是这种$("p:eq(0)").unwrap('<div></div>');格式，具体为什么不支持我也不知道，有兴趣的可以去验证下，也可以去官网看看说明，但是幸运的是$("p:eq(1)").unwrap(function(){
return '<div></div>';
});还是妥妥的支持的，以后希望慕友们从版本兼容角度出发，最好不要使用第一种格式了。
当然这也是我的见解，至于真相如何欢迎探讨！

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

2017-04-23

Zzmkiv

$("li").each(function(index, element) {
if (index % 2) {
$(this).css('color','blue')
}
})
当index为奇数的时候成立，而索引从0开始，则索引1其实为第2个

1 6-10 jQuery遍历之each()

2017-04-23

Zzmkiv

var $spans = $('span');
$("p").find($spans).css('color', 'red');可以写成$("p").find('span').css('color', 'red')

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

2017-04-23

Zzmkiv

点哪里都没反应

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

2017-04-23

shan330

sibling就是next和prev的集合吧。

0 6-8 jQuery遍历之siblings()

2017-04-22

shan330

prev和next是相反的

0 6-7 jQuery遍历之prev()方法

2017-04-22

shan330

next()找到当前元素的后面一个兄弟元素，兄弟元素里面子元素同样能被找到）

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

2017-04-22

shan330

closest()向上查找到第一个就停止。parents（）向上查找到根元素，返回所有符合条件的，可能不止一个

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

2017-04-22

shan330

children（）直接子元素

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

2017-04-22

shan330

wrapAll直接传参就是给整体加父元素。wrapAll用回调函数的话给整体中的每个个体加父元素

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

2017-04-22

shan330

replaceWith() 与replaceAll()：替换所选整个节点，并且节点上所关联的所有数据和事件都被删除

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

2017-04-22

shan330

$('div').clone()克隆结构；
$('div').clone(true)克隆结构事件和数据

1 5-1 DOM拷贝clone()

2017-04-22

shan330

empty():删除后代元素，对象本身保留。remove(): 删除后代以及对象本身，还有对象自带的数据和事件。detach(): 删除后代和自身，跟remove一样，但是自身数据和绑定事件还有内存中，重新添加到其他元素仍能使用

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

2017-04-22

shan330

append()与prepend()：都支持多参数，前一个后面插入，后一个前面插入；
。。太多了不记得了。反正复单词也就是两个单词拼接的都不支持多参数。单个单词都支持多参数。
其他的对比正反来记：append和appendTo前后位置颠倒。prepend和prependTo前后位置颠倒。after和before就字面意思的前后记。还有两个同。

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

2017-04-21

shan330

append()与prepend()都支持多参数，一个在后面插入，一个在前面插入；

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

2017-04-21

首页上一页 48 49 50 51 52 53 54 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

jQuery基础(二)—DOM篇