慕课网

jQuery基础(二)—DOM篇

最热最新

qq_fzjiwillbegy_0

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

查看全部

0 采集收起来源：DOM节点删除之empty和remove区别
2018-03-24
往前端奋斗

siblings()无参数
取得一个包含匹配的元素集合中每一个元素的同辈元素的元素集合
注意：jQuery是一个合集对象，所以通过siblings是匹配合集中每一个元素的同辈元素
siblings()方法选择性地接受同一类型选择器表达式
同样的也是因为jQuery是合集对象，可能需要对这个合集对象进行一定的筛选，找出目标元素，所以允许传一个选择器的表达式

查看全部

0 采集收起来源：jQuery遍历之siblings()
2018-03-23
往前端奋斗

.wrapAll()函数可以接受任何字符串或对象，可以传递给$()工厂函数来指定一个DOM结构。这种结构可以嵌套多层，但是最内层只能有一个元素。所有匹配元素将会被当作是一个整体，在这个整体的外部用指定的 HTML 结构进行包裹。

查看全部

0 采集收起来源：DOM包裹wrapAll()方法
2018-03-21
往前端奋斗

//clone处理一 $("div").clone() //只克隆了结构，事件丢失 //clone处理二 $("div").clone(true) //结构、事件与数据都克隆

查看全部

0 采集收起来源：DOM拷贝clone()
2018-03-22
往前端奋斗

$("button:first").click(function() { var p = $("p:first").remove(); p.css('color','red').text('p1通过remove处理后,点击该元素,事件丢失') $("body").append(p); }); $("button:last").click(function() { var p = $("p:first").detach(); p.css('color','blue').text('p2通过detach处理后,点击该元素事件存在') $("body").append(p); });

查看全部

0 采集收起来源：DOM节点删除之detach()和remove()区别
2018-03-22
往前端奋斗

//通过detach方法删除元素 //只是页面不可见，但是这个节点还是保存在内存中 //数据与事件都不会丢失 p = $("p").detach() 重新 $("body").append(p)就可以加回来

查看全部

0 采集收起来源：DOM节点删除之保留数据的删除操作detach()
2018-03-22
往前端奋斗

empty清空元素 remove移除整个节点

查看全部

0 采集收起来源：DOM节点删除之empty和remove区别
2018-03-21
往前端奋斗

$("p").remove(":contains('3')")

查看全部

0 采集收起来源：DOM节点删除之remove()的有参用法和无参用法
2018-03-22
往前端奋斗

通过empty移除了当前div元素下的所有p元素但是本身id=test的div元素没有被删除

查看全部

0 采集收起来源：DOM节点删除之empty()的基本用法
2018-03-21
往前端奋斗

insertAfter将JQuery封装好的元素插入到指定元素的后面，如果元素后面有元素了，那将后面的元素后移，然后将JQuery对象插入； insertBefore将JQuery封装好的元素插入到指定元素的前面，如果元素前面有元素了，那将前面的元素前移，然后将JQuery对象插入；

查看全部

0 采集收起来源：DOM外部插入insertAfter()与insertBefore()
2018-03-21
往前端奋斗

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

查看全部

0 采集收起来源：DOM内部插入prepend()与prependTo()
2018-03-21
往前端奋斗

$(".content").append('<div class="append">通过append方法添加的元素</div>') $('<div class="appendTo">通过appendTo方法添加的元</div>').appendTo($(".content"))

查看全部

0 采集收起来源：DOM内部插入append()与appendTo()
2018-03-22
WLgiser

each是一个for循环的包装迭代器 each通过回调的方式处理，并且会有2个固定的实参，索引与元素 each回调方法中的this指向当前迭代的dom元素 $("li").each(function(index, element) { index 索引 0,1 element是对应的li节点 li,li this 指向的是li })

查看全部

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

快速查找指定元素集合中每一个元素紧邻的后面同辈元素的元素集合，用next()方法

查看全部

0 采集收起来源：jQuery遍历之next()方法
2018-03-21
WLgiser

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

查看全部

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

首页上一页 66 67 68 69 70 71 72 下一页尾页

0/150

提交

取消

开始学习

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

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