菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 蒋鹏冲-20221118-jQuery-day02 [打印本页]

作者: 北纬33 时间: 2022-11-22 22:38
标题: 蒋鹏冲-20221118-jQuery-day02
一，今日学习内容：
1.jQuery-day02
1. jq操作dom---重点中的重点
1.1 创建节点--重点
$('html代码')
1.2 增加节点
分类
在父节点内容之前货之后添加新节点
在兄弟节点之前或之后添加新的兄弟节点
1.在父节点内容之前或之后添加新节点
#之后
父节点.append(新节点)
新节点.appendTo(父节点)

#之前
父节点.prepend(新节点)
新节点.prependTo(父节点)
2.在指定的兄弟节点之前或之后添加新的兄弟节点
#之后
指定的兄弟节点.after(新节点)
新节点.insertAfter(指定的同级兄弟节点)

#之前
指定的兄弟节点.before(新节点)
新节点.insertBefore(指定的同级兄弟节点)
1.3 删除节点
1.jq对象.empty()----删除了子元素，保留了自己
2.jq对象.remove()---删除了子元素，也删除了自己，不保留事件
  jq对象.detach()---删除了子元素，也删除了自己，保留事件
1.4 复制节点---掌握
jq对象.clone()

默认参数为false---不复制事件
true--复制事件
1.5 筛选节点
children()：获取所有的子节点
children('sel1,sel2,sel3,....')：获取所有指定的子节点

兄弟节点
next():后面的第一个兄弟节点  +
nextAll():后面所有的兄弟节点  ~
nextUntil():后面所有的兄弟节点直到...为止

prev()：前面的第一个兄弟节点
prevAll():前面的所有的兄弟节点
prevUntil():获取前面所有的兄弟节点直到...为止

siblings()：所有的兄弟节点--包括前面与后面
siblings('sel1,sle2,...')：获取前后所有指定选择器的兄弟的节点

closest('选择器')---向上查找
find('选择器')---向下查找
1.6 jq对象的遍历方法---掌握
each()
jq对象.each(function(当前元素对应的索引i,当前具体元素v){
i:索引
v:原生对象
})

$.each(jq对象，function(i,v){
   v:原生对象
})

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)