jquery的点击事件
jQuery 点击事件基础语法
使用 click() 方法绑定点击事件，语法如下：
$(selector).click(function() {
// 点击时执行的代码
});示例：点击按钮弹出提示框
$("#myButton").click(function() {
alert("按钮被点击了！");
});事件委托（动态元素绑定）
通过 on() 方法实现事件委托，适用于动态生成的元素：
$(document).on("click", ".dynamic-element", function() {
console.log("动态元素被点击");
});参数说明：
- 第一个参数为事件类型（如
"click"）。 - 第二个参数为选择器（目标元素）。
- 第三个参数为回调函数。
阻止默认行为与冒泡
在回调函数中使用 event 对象控制事件流：
$("a").click(function(event) {
event.preventDefault(); // 阻止默认行为（如链接跳转）
event.stopPropagation(); // 阻止事件冒泡
});触发点击事件
通过 trigger() 方法手动触发点击：
$("#btn").trigger("click"); // 模拟用户点击或简写为：
$("#btn").click(); // 等效写法一次性事件绑定
使用 one() 方法确保事件只触发一次：
$("#tempBtn").one("click", function() {
console.log("仅执行一次");
});移除点击事件
通过 off() 方法解绑事件：
$("#btn").off("click"); // 移除所有点击事件
$("#btn").off("click", handler); // 移除特定处理函数注意事项
- 确保 DOM 加载完成后再绑定事件，推荐将代码放在
$(document).ready()中：$(document).ready(function() { // 事件绑定代码 }); - 避免重复绑定相同事件，可能导致多次触发。
