节点操作
名称 | 写法 | 描述 |
添加元素 | 父元素.append("<li>子元素</li>") | 在父元素末尾插入子元素 |
prepend() | 在父元素开头插入子元素 | |
$(子元素).appendTo(父元素) | 把子元素添加到父元素末尾 | |
prependTo() | 把子元素添加到父元素开头 | |
before() | 在被选元素前插入指定内容 | |
after() | 在被选元素后插入指定内容 | |
删除元素 | remover() | 删除所有子节点+内容+事件 |
empty() | 删除所有子节点+内容 | |
替换节点 | 原元素.replaceWith(新内容) | 替换内容 |
新内容.replaceAll(原元素) | 替换内容 | |
复制节点 | 变量=内容.clone() | 复制节点+内容 |
事件进阶
分类 | 方法 | 描述 |
鼠标事件 | click() | 绑定单击事件 |
dbclick() | 绑定双击事件 | |
mouseover() | 绑定鼠标离开事件 | |
mouseout() | 绑定鼠标进入事件 | |
hover() | 绑定鼠标悬停事件 | |
键盘事件 | keydown() | 绑定键盘按下事件 |
keyup() | 绑定键盘释放事件 | |
keypress() | 绑定键盘输入内容事件 | |
e.keycode; | 键盘码【a是65】 | |
表单事件 | focus() | 获得焦点 |
blur() | 失去焦点 | |
change() | 内容发生改变,失去焦点后 | |
绑定事件 | 元素.bind("click[事件类型]",函数) | 不支持动态事件绑定 |
元素.on( "事件类型",["子元素"],搞事) | ||
注册委托事件 | 父元素.delegate("子元素","事件类型",搞事) | 结构复杂 |
事件解绑 | unbind()/unbind("click") | 解绑bind所有事件/指定的事件 |
undelegate()/undelegate("事件类型") | 解绑delegate | |
off()/off("事件类型1 事件类型2") | 解绑on |