jQuery基础使用(二)

117 阅读1分钟

(个人经验,仅供参考,错误之处,敬请谅解)

Dom操作

节点创建

  1. document.createElement(‘div’)
  2. $("<div></div>")
    节点的添加
  3. append(),appendTo() 主被动相反
  4. after()、before()
  5. prepend()、prependTo() 主被动相反 向元素中插入前置内容
  6. insertAfter()、insertBefore() 与before,after主被动相反

节点的删除

  1. empty() 删除元素中的内容
  2. remove() 无参删除元素及相关事件,有参删除筛选元素及相关事件
  3. detach() 删除元素,不删除事件,可以进行恢复

节点的复制和替换

  1. clone()
  2. replaceWith()、replaceAll()主被动关系
  3. wrap()、unwrap()
  4. wrapAll() 集合对象包裹元素
  5. wrapInner() 对象内部元素包裹

jquery遍历

  1. children() 每个元素的第一级子元素
  2. find() 查找所有子代元素
  3. parent()向上查找一级 parents() 找到祖节点
  4. closest()向上查找一级(开始于当前元素)
  5. next() 紧跟的兄弟元素 prev() 紧邻的前一个
  6. siblings() 所有同辈元素
  7. add() 增加操作对象。
  8. each() 所有选中对象依次遍历