jquery中有哪些基础事件方法

发布网友 发布时间：2022-04-26 00:34

我来回答

共2个回答

热心网友 时间：2022-04-16 02:54

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官方网站-事件

热心网友 时间：2022-04-16 04:12

w3school上有一章就是
http://www.w3school.com.cn/jquery/jquery_ref_events.asp