jQuery基础事件方法详解：绑定、速记与复合事件

jquery中有哪些基础事件方法

JQuery基本事件（绑定事件、速记事件、复合事件等）。

1.绑定事件

jQuery使用.bind()方法将这些事件绑定到元素。

形式：

bind(type,[data],fn)

参数：

type代表一种或多种类型。
事件名称字符串；

[data]是可选的，并将附加数据作为event.data属性值传递。
该数据可以是字符串、数字、数组或对象。

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

2.缩短事件

为了让开发者更容易绑定事件，jQuery封装了常用的事件，节省了更多的代码。
这称为缩写事件。
省略的事件和绑定方法是：

3.复合事件

jQuery提供了许多最常用的事件效果并组合了一些。
实现功能切换、智能加载等多种复杂事件的函数

扩展信息

1.绑定事件fn函数

1）使用click事件

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

alert('Click!');

});

});

alert('Click!');

});

2)正常处理函数

$('input').bind('click',fn);//不需要括号，执行普通函数

functionfn(){

alert('Click!');

}

2.省略事件函数

1).mouseover()和.表示鼠标移动时触发。
进进出出。
它还表明当鼠标经过或退出时会触发.mouseenter()和.mouseleave()。

2).keydown()和.keyup()返回按键代码，.keypress()返回字符编码。

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

3.复合事件示例，后台进入和退出的切换效果

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

$(this).css('background','black');//鼠标输入效果

},function(){

$(this).css('background','红色的'）//鼠标叶子效果可以省略

参考资料

jQuery官网/事件

前端之Jquery获取元素尺寸、获取元素的偏移量、事件绑定、事件的解绑和触发的基本语法知识

三种基本前端：HTML、CSS、JS（JavaScript）。

关注我的专栏，把前端知识——HTML+CSS。

本文将介绍JavaScript功能在Vscode中的应用，旨在为读者提供实用的指导。
1.

注意：隐藏元素不影响获取量，模型框状态不影响计算大小。
2.

注意：返回值是一个对象，包括top和left属性。

掌握in()、one()、overshadow()方法，利用事件进行更流畅的处理。

基本绑定：使用elementcollection.on('事件类型',事件处理函数)。

备用委托：使用元素collection.on('事件类型',选择器,事件处理函数)。

批量绑定：使用elementcollection.on({事件类型1：处理函数，事件类型2：处理函数})。

注意：绑定到一个方法的对象只会执行一次。
4.

off（类型为event）禁用所有事件处理功能。

off（类型退出，事件处理函数解析）解析指定函数。

使用代码触发事件，语法：elementcollection.trigger（eventy类型）。
5.

如果您遇到某些问题，请留言或发送私信，我们将很乐意解答您的问题。

remove和detach的区别