jQuery的操作

坚持每天写博文，记录开发中的点点滴滴

• DOM操作：对比原生DOM操作来学习
  *获取节点：
  （1）元素节点：所有选择器
  （2）文本节点：text()
  （3）属性节点：attr()、removeAttr()
  *创建节点：
  （1）元素节点：$(HTML代码),注意标签的闭合
  （2）文本节点：text()
  （3）属性节点：attr()
  *删除节点：
  （1）remove()：删除自身节点及后代节点
  （2）empty()：删除后代节点，保留自身节点
  *插入节点：
  （1）内部插入节点：插入标签内部
  （2）外部插入节点：插入标签外部
  *复制节点：
  （1）原生js的复制节点：cloneNode(Boolean),true参数表示复制后代节点
  （2）jQuery的复制节点：clone(Boolean),true参数表示复制事件
  *替换节点：
  （1）replaceAll()：前面的元素是替换元素；后面的元素是被替换元素
  （2）replaceAll()就是颠倒了的replaceWith()
  （3）replaceWith()：前面的元素是被替换元素；后面的元素是替换元素
  （4）html()方法就相当于DOM中的innerHTML属性
  *遍历节点：
  （1）父节点：parent()
  （2）子节点：children()
  （3）兄弟节点上一个兄弟节点：prev()、下一个兄弟节点：next()、所有兄弟节点：siblings()
  （4）find(expr)
  *包裹节点：
  （1）wrap()：分别包裹
  （2）wrapAll()：一起包裹
  （3）wrapInner()：包裹指定标签内部

---

• 事件
  *常规事件：click()\dblclick()等
  *特殊事件：
  （1）ready()：$(docment).ready(function(){}) == window.onload
  ready的执行效率高（window.onload必须等网页所有内容加载完毕后才能执行，而readyDOM结构（元素、文本、属性）绘制完毕就可以执行）
  ready在一个页面可以有多个
  ready的简写方法：$().ready(function(){})、$(function(){})
  *bind()与unbind()：绑定事件与解绑定事件
  * 绑定事件： 将页面元素绑定到具体事件上，绑定和解绑事件的意义在于动态的实现解除事件
  * 绑定事件与解绑定事件
  （1）绑定与解绑单个事件
  （2）绑定与解绑多个事件
  * 绑定与解绑支持多少事件：blur, focus, focusin, focusout, load,
  resize, scroll, unload, click, dblclick, mousedown, mouseup,
  mousemove, mouseover, mouseout, mouseenter, mouseleave, change,
  select, submit, keydown, keypress, keyup, error 。
  * 其实常规事件就是绑定事件的简写方式。
  *事件切换
  *hover(over, out)：模拟一个鼠标悬停事件(over,out)：相当于over:mouseover+out:mouseout
  为什么要这样做：
  实现鼠标悬停更简单
  多用于页面效果
  *toggle()：多用于页面效果，函数是循环调用