jQuery()方法是正式推荐的绑定事件的一种方法。

复制代码代码如下所示:

$(选择器),(事件、childselector、数据、功能、地图)



有几种常见的方法已经从这个扩展。

复制代码代码如下所示:

(绑定)

$(p)。Bind(单击

警报(被点击的段落。);

});

$(p)。

警报(被点击的段落。);

});

委托()

$(# DIV1 ),(单击

$(这个)Css(背景色

});

$(#格式),委托(P

$(这个)Css(背景色

});



(活的)

$(# DIV1 ),(单击

$(这个)Css(背景色

});

$(# DIV2)。活(单击

$(这个)Css(背景色

});



以上三种方法都不推荐jquery1.8后,与官方的活()方法在1.9被取消了,所以建议使用在()方法。

提示:如果需要删除由()绑定的方法,可以使用OFF()方法。

复制代码代码如下所示:

$(文档)Ready(函数(){)

$(p)。

$(这个)Css(背景色

});

$(按钮)。Click(函数(){)

$(p)关闭(单击);

});

});



提示:如果您的事件只需要一个操作,您可以使用一()方法

复制代码代码如下所示:

$(文档)Ready(函数(){)

$(p)。

$(这)。动画({字体:+ = 6px});

});

});



Trigger()绑定

复制代码代码如下所示:

$(选择器)。Trigger(事件、eventobj,参数,param2,…)

$(文档)Ready(函数(){)

$(输入)。

$(输入)!;

});

$(按钮)。Click(函数(){)

$(输入)。Trigger();

});

});



多个事件绑定相同的函数

复制代码代码如下所示:

$(文档)Ready(函数(){)

$(p),(鼠标悬停mouseout

$(p)。ToggleClass(介绍);

});

});



多个事件绑定不同的函数

复制代码代码如下所示:

$(文档)Ready(函数(){)

$(p)。

(鼠标悬停:功能){ $(体),Css(背景颜色

(mouseout:功能){ $(体),Css(背景颜色

(单击:函数){ $())Css(背景颜色

});

});



结合自定义事件

复制代码代码如下所示:

$(文档)Ready(函数(){)

$(p),(myownevent

$(这)文本(showName + !多么美丽的名字!))显示();

});

$(按钮)。Click(函数(){)

$(p)。Trigger(myownevent

});

});



将数据传输到函数

复制代码代码如下所示:

功能handlername(事件)

{

警报(事件,数据,MSG);

}

$(文档)Ready(函数(){)

$(p)。

});



适用于未创建的元素。

复制代码代码如下所示:

$(文档)Ready(函数(){)

$()。

$(这)SlideToggle();

});

$(按钮)。Click(函数(){)

$(这是一个新的段落。),InsertAfter(按钮);

});

});