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

标题: 陈玉-20221118-jQuery-DAY02（补） [打印本页]

作者: polaris123 时间: 2022-11-24 23:40
标题: 陈玉-20221118-jQuery-DAY02（补）

一、今日学习内容
1.创建节点$('html代码')
2.增加节点：
  在父节点之前或者之后添加新节点
  之后：父节点.append(新节点)
新节点.appendTo(父节点)
  之前：父节点.prepend(新节点)
新节点.prependTo(父节点)
  在兄弟节点之前或者之后添加新节点：
  之后：指定的兄弟节点.after(新节点)
新节点.insertAfter(指定兄弟节点)
  之前：指定的兄弟节点.before(新节点)
新节点.insertBefore(指定的同级兄弟节点)
3.删除节点
  jq对象.empty（）---删除子元素，保留自己
  jq对象.remove（）---删除子元素和自己，不保留事件
  jq对象.detach（）---删除子元素，也删除自己,保留事件
4.复制节点
  jq对象.clone（）---如果为false则不复制，为true复制
5.筛选节点
  children（）---获取所有的子节点
children（‘sel1，sel2，。。。’）---获取指定的子节点
  兄弟节点：
  next（）---获取后面第一个兄弟节点

nextAll():后面所有的兄弟节点  ~

  nextUntil():后面所有的兄弟节点直到...为止
  prev（）---获取前面第一个兄弟节点

prevAll():前面的所有的兄弟节点

prevUntil():获取前面所有的兄弟节点直到...为止
  siblings（）---所有的兄弟节点--包括前面与后面
siblings('sel1,sle2,...')：获取前后所有指定选择器的兄弟的节点
  closest('选择器')---向上查找
find('选择器')---向下查找
6.jq遍历
each（function（索引值，元素）{ }）
$.each（jq对象，function（i，v）{}）
7.递归直接或者间接调用自己（练习!!）----需要一个出口
二、今日问题
今日问题已解决

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