jQuery 的 on 方法可以在匹配元素上绑定一个或者多个事件处理函数.
基本语法:
- $(selector).on(event,function)
- $(selector).on(object,[selector],[data])
- $(selector).on(events,[selector],[data],function)
参数 | 描述 |
---|---|
event | 必需。规定要从被选元素移除的一个或多个事件或命名空间。 由空格分隔多个事件值,也可以是数组。必须是有效的事件。 |
selector | 可选。规定只能添加到指定的子元素上的事件处理程序(且不是选择器本身,比如已废弃的 delegate() 方法)。 |
data | 可选。规定传递到函数的额外数据。 |
function | 可选。规定当事件发生时运行的函数。 |
(相关课程推荐: jQuery 教程 https://www.html.cn/jskuangjia/jquery/ )
结构一:
- // 给所有的 a 标签添加点击事件
- $("a").on("click", function () {
- console.log(0)
- })
结构二 [selector], 适用于未创建的元素:
- $("body").on("click", "a", function (e) {
- });
结构二 [data], 函数传递:
- $("p").on("click", { "txt": "文本" }, function (e) {
- $("a").text(e.data.txt);
- })
结构三 {object}, 绑定不同函数:
- $("p").on({
- click: function () { $(this).CSS("color", "green"); },
- mouseover: function () { $(this).CSS("color", "red"); },
- mouseout: function () { $(this).CSS("color", "black"); },
- });
本文来自 jQuery 答疑 https://www.html.cn/qa/jquery/ 栏目, 欢迎学习!
来源: http://www.css88.com/qa/jquery/15362.html