【免费】jQuery使用手册之事件处理资源-CSDN文库

需积分: 0 78 浏览量 2020-10-30 23:04:59 上传评论收藏 68KB PDF 举报

资源推荐

资源详情

资源评论

jQuery使用手册之使用手册之事件处理事件处理

jQuery使用手册之事件处理

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形式的事件。形式的事件。$("p").trigger("click")

还有：unbind() unbind(type) unbind(type, fn)

Dynamic event(Function) 绑定和取消绑定提供函数的简捷方式绑定和取消绑定提供函数的简捷方式

例：

$("#a").bind("click",function() {

$(this).addClass("red");

})

也可以这样写：

$("#a").click(function() {

$(this).addClass("red");

});

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

jQuery提供的函数提供的函数

用于用于browers事件事件

error(fn) load(fn) unload(fn) resize(fn) scroll(fn)

用于用于form事件事件

change(fn) select(fn) submit(fn)

用于用于keyboard事件事件

keydown(fn) keypress(fn) keyup(fn)

用于用于mouse事件事件

click(fn) dblclick(fn) mousedown(fn) mousemove(fn)

mouseout(fn) mouseover(fn) mouseup(fn)

用于用于UI事件事件

blur(fn) focus(fn)

以上事件的扩展再扩展为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的事件都可以按以上方法扩展。

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余2页未读，立即下载

内容反馈

weixin_38517997

粉丝: 3
资源: 923

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈

feedback-tip