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

标题: 陈紫怡-20221118-jQuery2 [打印本页]

作者: Dasmondlicht 时间: 2022-11-21 22:27
标题: 陈紫怡-20221118-jQuery2
一、今日学习内容：

jq操作dom节点
- 创建节点
  - $('html代码')
- 增加节点
  - 分类
    - 在父节点内容之前或之后添加新节点
      - 之后
        
        1.父节点.append(新节点)
        
        2.新节点.appendTo（父节点）
      - 之前
        
        1.父节点.prepend(新节点)
        
        2.新节点.prependTo（父节点）
    - 在兄弟节点之前或之后添加新的兄弟节点
      - 之后
        
        指定的兄弟节点.after(新节点)
        
        新节点.insertAfter（指定的同级兄弟节点）
      - 之前
        
        指定的兄弟节点.before(新节点)
        
        新节点.insertBefore（指定的同级兄弟节点）
- 删除节点
  - jq对象.empty( )----删除子元素，保留自身
  - jq对象.remove( )----删除子元素和自身，不保留事件----返回被删掉的节点
  - jq对象.detach( )----删除子元素和自身，保留事件----返回被删除的节点
- 复制节点
  - jq对象.clone( )
  - 默认值为false，不复制事件
  - 参数为true，复制事件
- 筛选节点
  - 父找子
    - children（）：获取所有子节点
    - children（'sel1 , sel2 , sel3 , ......'）：获取所有指定选择器的子节点
  - 兄弟节点
    - next（）后面的第一个兄弟节点----（+）
    - nextAll（）后面所有的兄弟节点----（~）
    - nextUntil（）后面所有的兄弟节点直到. . .为止----不包含开始和结束
    - prev（）前面的第一个兄弟节点
    - prevAll（）前面所有的兄弟节点
    - prevUntil（）前面所有的兄弟节点直到. . .为止
    - siblings（）所有的兄弟节点----包括前面与后面
    - siblings（'sel1 , sel2 , sel3 , . . . . . '）前后所有指定选择器的兄弟节点
    - closest('选择器')----向上查找
    - find（'选择器'）----向下查找
遍历
- each（）
- jq对象.each（function（当前元素对应的索引 index，当前具体元素item）{
- index：索引
- item：原生对象
- }）
- $.each（jq对象，function（v,i）{
- v：原生对象
- i：索引
- }）

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