JS06 jQuery 中的事件与动画

在jQuery中，我们可以使用各种方法来处理事件和执行动画。以下是一些示例：

1. 事件绑定：

// 绑定点击事件
$("#btn").click(function() {
    alert("按钮被点击了！");
});

2. 事件解绑：

// 解绑点击事件
$("#btn").unbind('click');

3. 触发事件：

// 触发点击事件
$("#btn").trigger('click');

4. 动画效果：

// 淡入效果
$("#box").fadeIn();
 
// 淡出效果
$("#box").fadeOut();
 
// 淡入-淡出循环效果
$("#box").fadeToggle();

5. 滑动效果：

// 向下滑动
$("#box").slideDown();
 
// 向上滑动
$("#box").slideUp();
 
// 滑动循环效果
$("#box").slideToggle();

6. 自定义动画：

// 自定义动画
$("#box").animate({
    width: '200px',
    height: '200px'
}, 500);

7. 停止动画：

// 停止动画
$("#box").stop();

8. 事件冒泡与默认行为阻止：

// 阻止事件冒泡
$("#btn").click(function(event) {
    event.stopPropagation();
});
 
// 阻止默认行为
$("#link").click(function(event) {
    event.preventDefault();
});

这些是jQuery中常用的事件与动画处理方法。在实际开发中，可以根据需要选择合适的方法来实现交互效果。