语法格式:
one(type,[data],fn)
作用:为所选元素触发仅一次的处理函数
type:事件类型 如:click,change等
data:传出数据外部数组
fn:事件处理函数
原始页面效果:
事件处理效果:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>切换事件</title>
<script language="JavaScript" type="text/javascript" src="../js/jquery-3.3.1.js">
</script>
<script language="JavaScript" type="text/javascript" src="../js/jquery-1.4.2-vsdoc.js">
</script>
<style type="text/css">
body{font-size: 13px}
div{line-height: 1.8em}
.btn{border: #666 1px solid;padding: 2px;width: 90px;filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff,EndColorStr=#ECE9DB)}
</style>
<script type="text/javascript">
$(function(){
function btn_click(){ //自定义事件
this.value="0556-7897876";
}
$("#button1").one("click",btn_click); //绑定事件
//段落字体加6像素
$("p").one("click",function(){
$(this).animate({fontSize:"+=6px"});
})
})
</script>
</head>
<body>
<div>
<input id="button1" value="点我显示联系方式" type="button" class="btn"/>
</div>
<p>第一次单击,但只能变更一次</p>
<p>第二次单击,只能变更一次</p>
<p>第三次单击,只能变更一次</p>
</body>
</html>