陈紫怡-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：索引
    
  • }）