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

标题: 程灿-20221118-jQuery2 [打印本页]

作者: Cc7507 时间: 2022-11-23 08:59
标题: 程灿-20221118-jQuery2
jQuery操作dom
      创建节点
            $('html代码')；
      增加节点
            分类
                     1、在父节点内容之前或之后添加新节点
                     2、在兄弟节点之前或之后添加新的兄弟节点
            在父节点内容之前或之后添加新节点
                     #之后
                              父节点.append(新节点)
                              新节点.appendTo(父节点)
                     #之前
                              父节点.prepend(新节点)
                              新节点.prependTo(父节点)
            在指定的兄弟节点之前或者之后添加新的兄弟节点
                     #之后
                              指定的凶你各地节点.after(新节点)
                              新节点.insertAfter(指定的同级兄弟节点)
                     #之前
                              指定的凶你各地节点.after(新节点)
                              新节点.insertBefore(指定的同级兄弟节点)
      删除节点
            1、jQuery对象.empty()----删除所有子元素，保留自己
            2、jQuery对象.remove()----删除子元素，也删除了自己，不保留事件
                     jQuery.对象.detach()----删除子元素，也删除自己，保留事件
      复制节点
            jQuery对象.clone()
                     参数默认为false---不复制事件
                              为true---复制事件
      筛选节点
            children()---获取所有的子节点
            children('sel1,sel2,...')---获取所有指定的子节点

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

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

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

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

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