jQuery的one()方法用法实例


Posted in Javascript onJanuary 19, 2015

本文实例讲述了jQuery的one()方法用法。分享给大家供大家参考。具体分析如下:

为匹配元素的特定事件绑定一个一次性的事件处理方法。
在语法上one()方法和bind()方法是一样的,它们的不同在于绑定的处理方法的执行次数。

语法结构:

$(selector).one(event,data,function)

参数列表:

参数 描述
type 定义绑定到匹配元素中的事件类型。 如果有多个事件使用空格分隔。
data 可选。传递给事件对象的额外数据对象。
function 定义当事件发生时运行的方法。

实例代码:

<!DOCTYPE html>

<html>

<head>

<meta charset=" utf-8">

<meta name="author" content="https://3water.com/" />

<title>one()函数-三水点靠木</title> 

<style type="text/css">

div{

  width:100px;

  height:100px;

  border:1px solid red

}

</style>

<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>

<script type="text/javascript">

$(document).ready(function(){

  $("div").one("click",function(){

    $(this).append("添加的内容");

  })

})

</script>

</head>

<body>

  <div></div>

</body>

</html>

点击div之后,可以为div添加指定的内容,但是此事件处理函数只会被执行一次。

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
游戏人文件夹程序 ver 3.0
Jul 14 Javascript
用javascript控制iframe滚动的代码
Apr 10 Javascript
JS控制日期显示的小例子
Nov 23 Javascript
简体中文转换繁体中文(实现代码)
Dec 25 Javascript
完美兼容IE,chrome,ff的设为首页、加入收藏及保存到桌面js代码
Dec 17 Javascript
jQuery通过控制节点实现仅在前台通过get方法完成参数传递
Feb 02 Javascript
php利用curl获取远程图片实现方法
Oct 26 Javascript
详解vue.js之绑定class和style的示例代码
Aug 24 Javascript
Node.js 使用jade模板引擎的示例
May 11 Javascript
深入浅析vue中cross-env的使用
Sep 12 Javascript
vue获取form表单的值示例
Oct 29 Javascript
vue将文件/图片批量打包下载zip的教程
Oct 21 Javascript
jQuery学习笔记之jQuery+CSS3的浏览器兼容性
Jan 19 #Javascript
jQuery中bind()方法用法实例
Jan 19 #Javascript
jQuery中on()方法用法实例
Jan 19 #Javascript
jQuery学习笔记之创建DOM元素
Jan 19 #Javascript
jQuery学习笔记之2个小技巧
Jan 19 #Javascript
jQuery浏览器CSS3特写兼容实例
Jan 19 #Javascript
jQuery自定义添加&quot;$&quot;与解决&quot;$&quot;冲突的方法
Jan 19 #Javascript
You might like
PHP和JavaScrip分别获取关联数组的键值示例代码
2013/09/16 PHP
PHP批量检测并去除文件BOM头代码实例
2014/05/08 PHP
PHP和C#可共用的可逆加密算法详解
2015/10/26 PHP
windows系统php环境安装swoole具体步骤
2021/03/04 PHP
非常不错的一个javascript 类
2006/11/07 Javascript
jquery中实现简单的tabs插件功能的代码
2011/03/02 Javascript
基于jquery的跟随屏幕滚动代码
2012/07/24 Javascript
jquery选择器的选择使用及性能介绍
2013/01/16 Javascript
原生JavaScript实现连连看游戏(附源码)
2013/11/05 Javascript
angularJS 入门基础
2015/02/09 Javascript
js实现宇宙星空背景效果的方法
2015/03/03 Javascript
JS实现模拟百度搜索“2012世界末日”网页地震撕裂效果代码
2015/10/31 Javascript
JavaScript中校验银行卡号的实现代码
2016/12/19 Javascript
AngularJS Select(选择框)使用详解
2017/01/18 Javascript
jQuery自定义多选下拉框效果
2017/06/19 jQuery
前端主流框架vue学习笔记第二篇
2017/07/26 Javascript
ES6 Iterator接口和for...of循环用法分析
2019/07/31 Javascript
layui.use模块外部使用其内部定义的js封装函数方法
2019/09/16 Javascript
JS数组属性去重并校验重复数据
2020/01/10 Javascript
JavaScript中EventBus实现对象之间通信
2020/10/18 Javascript
在Python的Django框架中更新数据库数据的方法
2015/07/17 Python
python字符串的常用操作方法小结
2016/05/21 Python
利用python生成一个导出数据库的bat脚本文件的方法
2016/12/30 Python
解决PyCharm的Python.exe已经停止工作的问题
2018/11/29 Python
Python操作MySQL数据库的两种方式实例分析【pymysql和pandas】
2019/03/18 Python
详解用python实现基本的学生管理系统(文件存储版)(python3)
2019/04/25 Python
12个步骤教你理解Python装饰器
2019/07/01 Python
浅谈Python_Openpyxl使用(最全总结)
2019/09/05 Python
Python 实现一个简单的web服务器
2021/01/03 Python
英国顶级珠宝品牌之家:John Greed
2018/06/09 全球购物
美国领先的宠物用品和宠物食品零售商:Petco
2020/10/28 全球购物
音乐兴趣小组活动总结
2014/07/07 职场文书
六一活动主持词
2015/06/30 职场文书
乡镇司法所2015年度工作总结
2015/10/14 职场文书
在pycharm中无法import所安装的库解决方案
2021/05/31 Python
React 高阶组件HOC用法归纳
2021/06/13 Javascript