button轮番点击,只点击一次,鼠标hover
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<script src="scripts/jquery-1.7.1.js"></script>
<script>
$(function () {
////合成指向、移开事件
//$('#btnShow').hover(function () {//指向
// this.style.color = 'red';
//}, function () {//移开
// this.style.color = 'black';
//});
//合成点击事件, 指定在n个函数间切换,点击次数为m
//$('#btnShow').toggle(function () {//第m%n==1次点击时执行此函数
// alert(1);
//}, function () {//第m%n==2次点击执行此函数
// alert(2);
//}, function () {//第m%n==0次点击执行此函数
// alert(3);
//});
//合成事件:只将绑定的事件执行一次
$('#btnShow').one('click', function () {
alert(1);
});
})
</script>
</head>
<body>
<input id="btnShow" type="button" value="显示" />
</body>
</html>
-------------------------------------------
个性签名:独学而无友,则孤陋而寡闻。做一个灵魂有趣的人!
如果觉得这篇文章对你有小小的帮助的话,记得在右下角点个“推荐”哦,博主在此感谢!
万水千山总是情,打赏一分行不行,所以如果你心情还比较高兴,也是可以扫码打赏博主,哈哈哈(っ•̀ω•́)っ✎⁾⁾!