绑定事件
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)以及上面说的鼠标滚轮事件,在短事件内多处触发执行绑定的函数,可以巧妙地使用定时器来减少触发的次数,实现函数节流。
整屏滚动实例
网友评论