- 通过选择器获取节点
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 执行完之后都有返回值