本文实例讲述了JQuery中的常用事件、对象属性与使用方法。分享给大家供大家参考，具体如下：
JQuery中的常用事件
.click()
鼠标单击触发事件，参数可选（data，function）
.dblclick()
双击触发，同上
.mousedown()/up()
鼠标按下/弹起触发事件
.mousemove()
鼠标移动事件
.mouseover()/out()
鼠标移入/移出触发事件
.mouseenter()/leave()
鼠标进入/离开触发事件*
.hover(func1,func2)
鼠标移
在JavaScript的世界里，jQuery库为开发者提供了极大的便利，尤其是在处理DOM操作和事件处理方面。本文主要探讨jQuery中的常用事件、对象属性以及它们的使用方法。
jQuery中的事件处理是JavaScript编程中的关键部分，它允许我们对用户交互做出响应。以下是一些常见的jQuery事件：
1. `.click()`: 当用户点击元素时触发。可以接受一个函数作为参数，用于处理点击事件，例如：
```javascript
$('.target1').click(function() {
// 处理点击事件的代码
});
```
2. `.dblclick()`: 用户双击元素时触发，用法与`.click()`类似。
3. `.mousedown()/.mouseup()`: 鼠标按钮按下和释放时触发。
4. `.mousemove()`: 鼠标在元素上移动时触发，常用于实现拖动效果。
5. `.mouseover()/.mouseout()`: 鼠标进入或离开元素时触发，但包括子元素。
6. `.mouseenter()/.mouseleave()`: 更精确的版本，仅在鼠标进入或离开元素本身时触发，不考虑子元素。
7. `.hover(func1, func2)`: 这是一个组合事件，鼠标进入时调用`func1`，离开时调用`func2`。
8. `.focusin()/.focusout()`: 当元素获得或失去焦点时触发，不支持事件冒泡。
9. `.focus()/.blur()`: 类似于`.focusin()`和`.focusout()`，但不支持事件冒泡。
10. `.change()`: 表单元素（如输入框、选择框等）的值改变时触发。
11. `.select()`: 文本元素被选中时触发。
12. `.submit()`: 当表单提交时触发，通常需要防止默认的表单提交行为，可以通过`return false`或`e.preventDefault()`。
除了直接绑定事件，jQuery还提供了一些其他方法来处理事件：
- `.on()`: 这是jQuery中最通用的事件绑定方法，可以绑定一个或多个事件，支持事件委托。
```javascript
$('#elem').on('click', function() {
// 处理点击事件
});
// 绑定多个事件
$('#elem').on('mouseover mouseout', function() {
// 分别处理两个事件
});
// 事件委托，处理动态添加的元素
$('#container').on('click', '.child', function() {
// 当点击类名为'.child'的元素时触发
});
// 传递数据给事件处理函数
$('#elem').on('click', {data: 'value'}, function(event) {
console.log(event.data.data); // 输出'value'
});
```
- `.off()`: 移除之前绑定的事件，保持代码整洁。
```javascript
$('#elem').off('click');
```
- `.trigger()`: 手动触发已绑定的事件，会执行所有相关的事件处理函数。
```javascript
$('#elem').trigger('click');
```
- `.triggerHandler()`: 和`.trigger()`类似，但不冒泡，且不会触发默认事件。
在处理事件时，事件对象`e`提供了很多有用的信息：
- `.type`: 获取事件类型，如'click'。
- `.data`: 传递给事件处理函数的数据。
- `.target`: 触发事件的DOM元素。
- `.which`: 在键盘事件中，表示按下的键的编码。
- `.timeStamp`: 事件发生的时间戳。
- `.preventDefault()`: 阻止事件的默认行为，如链接的跳转或表单的提交。
- `.stopPropagation()`: 阻止事件冒泡，防止父元素的事件处理函数被调用。
了解这些基本的事件处理机制和方法，可以帮助你更好地利用jQuery来增强网页的交互性和用户体验。在实际应用中，根据需求灵活运用这些知识，可以使你的JavaScript代码更加简洁高效。
