jq节点操作

142 阅读1分钟
  • 通过选择器获取节点

console.log( $('div')

-把DOM节点转化成jQuery节点

let div1 = document.getElementsByTagName('div')[0]

console.log( $(div1) )

-使用HTML字符串创建jQuery节点let h1 = $('

我爱h1

') console.log(h1)

  • html传的是字符
  • 遍历方法 each( ) :规定为每个匹配元素规定运行的函数
  • each 回调函数里面的第一个参数表示元素的索引
  • 回调函数里面的第二个参数表示每一个遍历的原生元素
  • filter 过滤 在集合元素中过滤出指定的元素
  • parent():获取元素的父级元素
  • parents():返回元素的所有祖先元素
  • 用于获取位于匹配元素前面和后面的所有同辈元素 siblings()
  • 除了他自己 前面后面的都被选中了
  • 用于获取紧邻匹配元素之后的元素 next()
  • 有多个.tt 会返回一个紧邻匹配元素之后的元素的集合
  • next prev方法 获取不到元素 会返回jq对象 document
  • 用于获取紧邻匹配元素之前的元素 prev();
  • children()方法可以用来获取元素的所有子元素
  • children获取不到元素会返回jq对象 document
  • find 可以获取后代的元素
  • $(A). prepend (B)表示将B前置插入到A中
  • $(A). prependTo (B)表示将A前置插入到B中
  • $(A).append(B)表示将B追加到A中
  • append还可以插入字符串
  • $(A).appendTo(B)表示把A追加到B中
  • 替换节点 replaceWith
  • true复制事件处理,flase时反之
  • false或者不传参数都不能实现复制事件
  • remove 删除整个节点
  • remove 可以自己删除自己
  • empty 清空节点内容
  • detach():删除整个节点,保留元素的绑定事件、附加的数据
  • empty remove 和 detach 执行完之后都有返回值