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

标题: 巨朝阳-20221118-jQuery-DAY02 [打印本页]

作者: 云云 时间: 2022-11-24 00:25
标题: 巨朝阳-20221118-jQuery-DAY02
一、今日学习
1.jQuery操作dom

1.1创建节点

$('html代码')

1.2增加节点

分类：
      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,sel2,sel3...'):获取前后所有指定选择器的兄弟的节点

      colsest('选择器')---向上查找
      find('选择器')---向下查找

1.6jq对象的遍历方法

      each()
      jq对象.each(function(当前元素对应的索引，当前具体元素v){
      i:索引
      v:原生对象
      })

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