jQuery使用手册(14)

jQuery使用手册,让你彻彻底底的学会使用jquery。

<img src="1.jpg" style="display:none"/>

<a href="#" onClick='$("img ").slideDown("slow")'>jQuery</a>

slideDown(speeds,callback)

将匹配对象的高度由0变化到正常！变化结束后执行函数callback

slideUp("slow") slideUp(speed, callback)

匹配对象的高度由正常变化到0

slideToggle("slow")

如果匹配对象的高度正常则逐渐变化到0，若为0，则逐渐变化到正常

六：事件处理

hover(Function, Function)

当鼠标move over时触发第一个function，当鼠标move out时触发第二个function 样式：<style>.red{color:#FF0000}</style> Html代码： <div id="a">sdf</div> jQuery代码及效果 $(function(){ $("#a").hover(function(){$(this).addClass("red");}, function(){ $(this).removeClass("red"); }); })

最终效果是当鼠标移到id为a的层上时图层增加一个red样式，离开层时移出red样式

toggle(Function, Function)

当匹配元素第一次被点击时触发第一个函数，当第二次被点击时触发第二个函数 样式：

<style>.red{color:#FF0000}</style> Html代码： <div id="a">sdf</div> jQuery代码及效果 $(function(){ $("#a"). toggle (function(){$(this).addClass("red");}, function(){ $(this).removeClass("red"); }); })

最终效果是当鼠标点击id为a的层上时图层增加一个red样式，离开层时移出red样式

bind(type, fn)

用户将一个事件和触发事件的方式绑定到匹配对象上。

trigger(type)

用户触发type形式的事件。