jQuery(3)
一 事件绑定
绑定
$().bind(事件类型,function(){});
$().bind(事件类型1,事件类型2,事件类型3,function(){}) //给许多不同类型的事件绑定同一个处理
$().bind(json对象) 同时绑定多个不同类型的事件
(事件类型:click mouseover mouserout focus blur 等等)
取消事件绑定:
$().unbind(); 取消全部事件
$().unbind(事件类型); 取消指定类型事件
$().unbind(事件类型,处理); 取消指定类型的指定处理事件(处理必须是有名函数)
事件绑定是丰富事件操作的形式而已
通过json对象绑定事件
二 事件委派
live(type, [data], fn) bind() ( 在1.9版本之后已经废弃了)
为每个匹配元素的特定事件绑定事件处理函数
1.9之后的新方法
$('#ddd').on('click', 'li',function(event) {}); 使用on
die([type], [fn]) (1.9版本被移除)
on()的反向操作,绑定的时间会被移除unbind()
在1.9版本后使用off()来移除on()委派的方法
3. 事件对象,阻止浏览器默认动作,阻止事件冒泡
在jquery里边: $().bind('click',function(evt){evt.preventDefault(阻止浏览器默认动作) evt,stopPropagation(阻止事件冒泡)})
preventDefault() stopPropagation()都是jquery的方法,都对浏览器做过兼容处理
三 动画效果
1. 基本动画
show(speed,[callback]) 显示隐藏的匹配元素
hide(speed,[callback]) 隐藏显示的元素
toggle() 切换元素的可见形态
toggle(switch) 根据switch参数切换元素的可见形态(true为可见,false为隐藏)
toggle(speed,[callback]) 以优雅的动画切换所有匹配的元素可见状态
2. 垂直动画
slideDown(speed,[callback]) 显示元素
slideUp(speed,[callback]) 隐藏元素
slideToggle(speed, [call back]) 切换所有匹配元素的可见性
3. 淡入淡出的效果
fadeIn(speed, [call back])
不透明度的变化来实现所有匹配元素的淡入效果(显示)
fadeOut(speed,[call back])
通过不透明度的变化来实现所有匹配元素的淡出效果(隐藏)
fadeTo(speed,opacity,[callback])
把所有匹配元素的透明度以仅仅的方式调整到指定的不透明度
fadeToggle(speed, [call back])
通过不透明度的变化开开关所有匹配元素的淡入和淡出效果
四 jquery封装的ajax
具体操作:
$.get(url,[data],[fn],[dataType]);
data: 给服务器传递的数据,请求字符串,json对象 都可以设置
fn: 回调函数,ajax请求完成后调用该函数,可以在此函数完成ajax的后续处理
dataType: 数据类型,html,text,xml,json
(该ajax是异步的get方式请求)
$.post(url,[data],[fn],[dataType]); 与get请求方式相同
$.ajax(json对象){
url: 请求地址.
data:给服务器传递的数据,
dataType:数据从服务器返回格式html,text,xml,json,
type:get/post 请求方式,
success: ajax成功请求后的回调函数,可以做后续处理使用,
async:[true]异步/false 同步,
cache:[true]缓存/false不缓存
}
