【JQuery】使用one()方法绑定元素的一次性事件
2016-04-02 12:38
579 查看
很简单,为元素绑定事件,只能执行一次。
比如绑定点击事件,点击一次执行后,再点击就没有任何反应了。
<body>
<h3>one()方法执行一次绑定事件</h3>
<div>请点击我一下</div>
<script type="text/javascript">
$(function () {
var intI = 0;
$("div").one("click", function () {
intI++;
$(this).css("font-size", intI + "px");
})
});
</script>
</body>
比如绑定点击事件,点击一次执行后,再点击就没有任何反应了。
<body>
<h3>one()方法执行一次绑定事件</h3>
<div>请点击我一下</div>
<script type="text/javascript">
$(function () {
var intI = 0;
$("div").one("click", function () {
intI++;
$(this).css("font-size", intI + "px");
})
});
</script>
</body>
相关文章推荐
- 【JQuery】toggle函数
- 10分钟-jQuery操作DOM元素
- 【JQuery】使用hover()方法切换事件
- 自定义jquery插件
- 【JQuery】页面加载时触发ready()事件
- jQuery实现鼠标选文字发新浪微博的方法
- JQuery解析XML的方法小结
- 【JQuery】使用remove()和empty()方法删除元素
- Jquery操作全选,反选等批处理
- 【JQuery】使用each()方法遍历元素
- 【JQuery】使用wrap()和wrapInner()方法包裹元素和内容
- 【JQuery】replaceWith()和replaceAll()替换内容
- 【JQuery】使用before()和after()在元素前后插入内容
- JQuery学习笔记
- JQuery $("#id").val(value); 给select选值不出现问题
- chome, firefox浏览器js的jQuery加载.get(),.ajax()
- jQuery实现鼠标选文字发新浪微博的方法
- JQuery- 鼠标样式(二级菜单简易通俗版)
- jquery Math.random()生成0~10以内随机整数写法
- 大白话讲解Promise(三)搞懂jquery中的Promise 一文 的学习+新领悟