one(type,[data],fn)函数
为每一个匹配元素的特定事件绑定一个一次性的事件处理函数(某个事件只执行一次可以使用这个函数 )
为第一个button标签做一个改变
代码如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript" src="jquery-1.8.0.min.js"></script>
</head>
<body>
<p class="c_1">
<button>按钮一</button>
<button>按钮二</button>
<button>按钮三</button>
</p>
<script>
$(function() {
$('.c_1 button:').one('click', function() {
$(this).text("改变了按钮一的值").css('color','red')
})
})
</script>
</body>
</html>
没有做Jquery效果前
做好后的效果