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

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

jQuery基础(二)—DOM篇

                
                Aaron艾伦
            Web前端工程师

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

全部评论问答未解决精华

了不起的bug大师

你第一次点击的时候取出.div里的三个li并加上新的p添加到div.right里，此时.right里有三个li一个p

“新的p元素”出现在前面的原因

第二次点的时候你把三个li取出，此时.right里只剩一个p（暂且取名‘次新p’），你再用三个li加一个新p添加到.right中时是添加到次新p的下面，就造成了你所看到的现像，其实最下面的p和三个li才是新添加的，上面的是以前的

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

2019-03-12

了不起的bug大师

colsest()在当前的元素就起效，相当于大于或等于，并且找到一个相匹配的元素就停止搜索，parents（）从父级开始起效，相当于大于，可以匹配多个结果。

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

2019-03-12

了不起的bug大师

.unwrap()会执行一次，去除一次父层的元素，多次执行会多次去除，直到没有满足条件的父层元素。

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

2019-03-11

了不起的bug大师

// 给<div> <div></div> </div> 里面的的div增加class style，最外面的div不加style

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

2019-03-11

了不起的bug大师

$('.aaron1').clone().css('color','red')
//会选中所有的“aaron1”，复制生产之后的“aaron1”也是会被选中的

$(this).clone().css('color','red')
//选中当前的对象，一般鼠标指挥点击一个，所有只有一个对象。

0 5-1 DOM拷贝clone()

2019-03-07

Linux独醉

// 找到所有class=item-2的li
// 然后给每个li加上红色的边
$('.item-2').css('border', '1px solid red')

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

2019-03-01

了不起的bug大师

div {
background: red;
width: 300px;
height:400px;
}

增加一个高度和明显的颜色，运行后看得到div的还是在的。

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

2019-02-28

了不起的bug大师

$('<p style="color:red">测试insertBefore方法增加</p>'+ '<p style="color:red">多参数</p>').insertBefore($(".test1"))

把逗号改为+就可以插入多个标签。

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

2019-02-28

了不起的bug大师

$(".test1").before($('h2'))

$(".test1").after($('<h2>jihao</h2>'))

.before () 和after()两个函数在选定页面的元素的时候，是剪切功能。比如上面的两段代码，按了第一次before（）对应的按钮，原来的<h2>部分的内容便会移动到.test1中，再按便没有反应了。此时再按after（）对应的按钮，就会发现再.test1后出现“jiuhao”，再按before对应的按钮，新出现的位于“before测试”后面的“jiuhao”会移动到“before测试”前面。

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

2019-02-28