源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

jQuery 使用手册(六)

  • 时间:2022-09-13 11:48 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:jQuery 使用手册(六)
[b][/b][b]:事件处理 [/b]  [b]hover(Function, Function)    当鼠标move over时触发第一个function,当鼠标move out时触发第二个function[/b] 样式:<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样式 [b]toggle(Function, Function)    当匹配元素第一次被点击时触发第一个函数,当第二次被点击时触发第二个函数[/b] 样式:<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样式 [b]bind(type, fn)   用户将一个事件和触发事件的方式绑定到匹配对象上。 trigger(type)   用户触发type形式的事件。$("p").trigger("click") [/b]还有:[b]unbind()   unbind(type)    unbind(type, fn) [/b] [b]Dynamic event(Function)    绑定和取消绑定提供函数的简捷方式[/b] 例:
$("#a").bind("click",function() {                                         $(this).addClass("red"); })
也可以这样写:
$("#a").click(function() {                          $(this).addClass("red"); });
最终效果是当鼠标点击id为a的层上时图层增加一个red样式, [b]jQuery提供的函数[/b] [b]用于browers事件[/b] error(fn)    load(fn)     unload(fn)    resize(fn)    scroll(fn) [b]用于form事件[/b] change(fn)    select(fn)    submit(fn) [b]用于keyboard事件[/b] [b]keydown(fn)    keypress(fn)    keyup(fn) [/b] [b]用于mouse事件[/b] click(fn)    dblclick(fn)    mousedown(fn)   mousemove(fn) mouseout(fn)  mouseover(fn)     mouseup(fn) [b]用于UI事件 blur(fn)    focus(fn)[/b] 以上事件的扩展再扩展为5类 举例,click(fn) 扩展 click()  unclick()  oneclick(fn)  unclick(fn) click(fn):增加一个点击时触发某函数的事件 click():可以在其他事件中执行匹配对象的click事件。 unclick ():不执行匹配对象的click事件。 oneclick(fn):只增加可以执行一次的click事件。 unclick (fn):增加一个点击时不触发某函数的事件。 上面列举的用于browers、form、keyboard、mouse、UI的事件都可以按以上方法扩展。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部