jquery中有哪些基础事件方法

 我来答
freechan10
2019-11-20 · TA获得超过2.9万个赞
知道小有建树答主
回答量:263
采纳率:68%
帮助的人:12.9万
展开全部

jquery基础事件,包括绑定事件、简写事件、复合事件;

一.绑定事件

jQuery 通过.bind()方法来为元素绑定这些事件。 

形式:

bind(type, [data], fn)

参数:

type 表示一个或多个类型的事件名字符串;

[data]是可选的,作为 event.data 属性值传递一个额外的数据,这个数据是一个字符串、一个数字、一个数组或一个对象;

fn 表示绑定到指定元素的处理函数。

二、简写事件

为了使开发者更加方便的绑定事件,jQuery 封装了常用的事件以便节约更多的代码。 称之为简写事件。简写事件,绑定方法如下图,

三、复合事件

jQuery 提供了许多最常用的事件效果, 组合一些功能实现了一些复合事件, 比如切换功 能、智能加载等。

扩展资料

1、绑定事件fn函数

1)使用点击事件

$('input').bind('click', function () {//点击按钮后执行匿名函数

 alert('点击!');

});

2)普通处理函数 

$('input').bind('click', fn); //执行普通函数式无须圆括号 

function fn() {

  alert('点击!'); 

}

2、简写事件函数

1).mouseover()和.mouseout()表示鼠标移入和移出的时候触发。而.mouseenter()和.mouseleave()表示鼠标穿过和穿出的时候触发。

2).keydown()、.keyup()返回的是键码,而.keypress()返回的是字符编码。

3).focus()和.blur()分别表示光标激活和丢失,事件触发时机是当前元素。而.focusin()和.focusout()也表示光标激活和丢失,但事件触发时机可以是子元素。

3、复合事件示例,背景移入移出切换效果

$('div').hover(function () {

    $(this).css('background', 'black');     //mouseenter 效果

    }, function () {

    $(this).css('background', 'red');      //mouseleave 效果,可省略

}); 

参考资料

jQuery官方网站-事件

程序猿DD
2015-02-12 · 超过42用户采纳过TA的回答
知道小有建树答主
回答量:98
采纳率:0%
帮助的人:79.8万
展开全部
本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式