绑定事件 自定义事件 事件冒泡

绑定事件

bind命令同时绑定多个事件

unbind取消绑定

---

自定义事件

trigger是触发事件

---

事件冒泡

even.stopPropagation阻止冒泡

even.preventDefault阻止默认行为

return false

---

弹框-阻止冒泡

事件委托

delegate委托

undelegate取消委托

---

jquery元素节点操作

创建节点

var ('<div>');

var ('<div>这是一个div元素</div>');

插入节点

1、append()和appendTo()：在现存元素的内部，从后面插入元素

var ('<span>这是一个span元素</span>');

span);

......

<div id="div1"></div>

2、prepend()和prependTo()：在现存元素的内部，从前面插入元素

3、after()和insertAfter()：在现存元素的外部，从后面插入元素

4、before()和insertBefore()：在现存元素的外部，从前面插入元素

删除节点

$('#div1').remove();

todolist(计划列表)实例

---

滚轮事件与函数节流

jquery.mousewheel插件使用

jquery中没有鼠标滚轮事件，原生js中的鼠标滚轮事件不兼容，可以使用jquery的滚轮事件插件jquery.mousewheel.js。

---

函数节流

javascript中有些事件的触发频率非常高，比如onresize事件(jq中是resize)，onmousemove事件(jq中是mousemove)以及上面说的鼠标滚轮事件，在短事件内多处触发执行绑定的函数，可以巧妙地使用定时器来减少触发的次数，实现函数节流。

整屏滚动实例