jQuery基础(二)—DOM篇_学习笔记

首页免费课 jQuery基础(二)—DOM篇笔记

jQuery基础(二)—DOM篇

                
                Aaron艾伦
            Web前端工程师

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

最热最新

111216sod

$('div').empty()删除div内的所有内容。

查看全部

0 采集收起来源：DOM节点删除之empty()的基本用法
2016-04-06
111216sod

$('a').prepend('这里的内容被插入到a前面'); ('这里内容').prependto $('a');//prependTo和prepend刚好相反

查看全部

0 采集收起来源：DOM内部插入prepend()与prependTo()
2018-03-22
111216sod

.prepend()方法插入作为第一个子元素；appendTo()被插入，作为最后一个

查看全部

0 采集收起来源：DOM内部插入prepend()与prependTo()
2016-04-06
111216sod

jq创建dom节点 var oDiv = $('<div>这是创建的一个节点；创建的一个节点而已</div>')； oParent.append(oDiv); oDiv插入到oParent中来。

查看全部

0 采集收起来源：jQuery节点创建与属性的处理
2018-03-22
111216sod

创建节点：var oDiv = document.createElement('div'); 设置属性： oDiv.setAttribute('width','200'),oDiv.innerHTML='div内部是个段落' 插入节点：oParent.appendChild(oDiv);

查看全部

0 采集收起来源：DOM创建节点及节点属性
2018-03-22
坑坑

$("li.item-1").closest(".level-2").css('border', '1px solid blue')在里面closest(".level-2")类名别漏掉了.

查看全部

0 采集收起来源：jQuery遍历之closest()方法
2018-03-22
ivyaii0712

add 并不是要往选择器中加东西，而是要往选择结果中加东西，它不会改变之前的结构

查看全部

0 采集收起来源：jQuery遍历之add()方法
2016-04-05
qq_愚公移山_0

detach方法不会真的删除该对象，只是让他在这个页面不可见，他绑定的事件也不会丢失

查看全部

0 采集收起来源：DOM节点删除之保留数据的删除操作detach()
2016-04-04
jidemeihao

平板上不能编辑任务

查看全部

0 采集收起来源：DOM内部插入append()与appendTo()
2016-04-03
lyrots

empty方法 严格地讲，empty()方法并不是删除节点，而是清空节点，它能"***清空元素中的所有后代节点***" empty不能删除自己本身这个节点 remove方法 该节点与该节点所包含的所有后代节点将同时"***被删除***" 提供传递一个筛选的表达式，用来指定删除选中合集中的元素

查看全部

0 采集收起来源：DOM节点删除之empty和remove区别
2018-03-22
lyrots

each是一个for循环的包装迭代器 each通过回调的方式处理，并且会有2个固定的实参，"索引"与"元素" each回调方法中的this指向当前迭代的dom元素

查看全部

0 采集收起来源：jQuery遍历之each()
2018-03-22
lyrots

粗看.parents()和.closest()是有点相似的，都是往上遍历祖辈元素，但是两者还是有区别的，否则就没有存在的意义了起始位置不同：.closest开始于当前元素 .parents开始于父元素遍历的目标不同：.closest要找到指定的目标，.parents遍历到文档根元素，closest向上查找，知道找到一个匹配就停止查找，parents一直查找到根元素，并将匹配的元素加入集合结果不同：.closest返回的是包含零个或一个元素的jquery对象，parents返回的是包含零个或一个或多个元素的jquery对象

查看全部

0 采集收起来源：jQuery遍历之closest()方法
2016-04-03
hjwzlsc

起始位置不同：.closest开始于当前元素 .parents开始于父元素遍历的目标不同：.closest要找到指定的目标，.parents遍历到文档根元素，closest向上查找，知道找到一个匹配就停止查找，parents一直查找到根元素，并将匹配的元素加入集合结果不同：.closest返回的是包含零个或一个元素的jquery对象，parents返回的是包含零个或一个或多个元素的jquery对象

查看全部

0 采集收起来源：jQuery遍历之closest()方法
2016-04-02
木子Aquarius

querySelector()方法接受一个CSS查询并返回匹配模式的第一个子孙元素，如果没有匹配的元素则返回null。 //获取body元素 var body = document.querySelector("body"); //获取ID为myDiv的元素 var myDiv = document.querySelecotr("#myDiv"); //获取第一个包含类selected的元素 var selected = document.querySelector(".selected"); //获取第一个包含类button的图像元素 var img = document.body.querySelector("img.button"); 注意：querySelector() 是按css 规范实现的。如果同时获取id,id是以数字开头的，即获取不到。 getelementById()就可以获取到。

查看全部

2 采集收起来源：DOM创建节点及节点属性
2018-03-22
IsYang

each()重点: 1.是一个for循环的包装迭代器 2.通过回调的方式处理，并且会有2个固定的实参，索引与元素 3.回调方法中的this指向当前迭代的dom元素 //遍历所有的li //修改每个li内的字体颜色 $("li").each(function(index, element) { $(this).css('color','red') }) //遍历所有的li //修改偶数li内的字体颜色 $("li").each(function(index,element){ if(index % 2){ $(this).css('color','blue') } }) 以上：index为索引 0，1，2，3（li有多少，索引就有多少） element是对应的li节点 li，li，（li有多少，节点就有多少） this 指向的是li（索引到的当前节点）

查看全部

0 采集收起来源：jQuery遍历之each()
2018-03-22