JQuery入门——用one()方法绑定事件处理函数(仅触发一次)

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JQuery入门——用one()方法绑定事件处理函数(仅触发一次)相关的知识,希望对你有一定的参考价值。

参考技术A

1、one()方法功能是为所选的元素绑定一个仅触发一次的处理函数,其调用的语法格式为:one(type,
[data],
fn)
其中参数type为事件类型,即需要触发什么类型的事件;参数data为可选参数,表示作为event.data属性值传递给事件对象的额外数据对象;fn为绑定事件时所要触发的函数。
2、示例代码:
复制代码
代码如下:
<!DOCTYPE
html
PUBLIC
"-//W3C//DTD
XHTML
1.0
Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta
http-equiv="Content-Type"
content="text/html;
charset=utf-8"
/>
<title>其他事件</title>
<script
type="text/javascript"
src="jquery-1.8.3.min.js"></script>
<script
type="text/javascript">
$(function()
$("#button").bind("click",function()
$("#button").attr("value","14797710665");
);
)
</script>
</head>
<body>
<div>
<input
id="button"
type="button"
value="查看联系方式"
class="btn"/>
</div>
</body>
</html>
3、效果图预览:
点击后:
再点击无反应

处理jQuery append加入的元素 绑定事件无效的方法

通过jquery append(或者before、after,一样)新添加进网页的元素,常用的事件不能触发,比如:append了id 为 abc 的元素,那么 $(#abc).click(function(){})是没有效果的。
解决方法:用on函数
一直以为on函数只有2个参数
正确格式: $("outerSelector").on(‘eventType‘,‘selector‘,function(){});
outerSelector 是一个一直存在的DOM, selector是你要监听点击的节点;
$("tbody").on(‘click‘,"[name=‘submitbutton‘]",function(){....})

以上是关于JQuery入门——用one()方法绑定事件处理函数(仅触发一次)的主要内容,如果未能解决你的问题,请参考以下文章

javascript 事件委托 和jQuery事件绑定onoff 和one

深入学习jQuery事件绑定

jQuery 之 事件方法

jquery移除绑定触发元素事件

jQuery事件绑定和委托实例

11-jQuery的事件绑定和解绑