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 相关文章推荐
jQuery 方法大全方便学习参考
Feb 25 Javascript
ExtJS PropertyGrid中使用Combobox选择值问题
Jun 13 Javascript
JavaScript制作简易的微信打飞机
Mar 31 Javascript
深入分析jsonp协议原理
Sep 26 Javascript
JQuery中attr属性和jQuery.data()学习笔记【必看】
May 18 Javascript
BootStrap CSS全局样式和表格样式源码解析
Jan 20 Javascript
原生JS改变透明度实现轮播效果
Mar 24 Javascript
JavaScript操作文件_动力节点Java学院整理
Jun 30 Javascript
Node.js 使用递归实现遍历文件夹中所有文件
Sep 18 Javascript
Thinkjs3新手入门之添加一个新的页面
Dec 06 Javascript
JS闭包经典实例详解
Dec 20 Javascript
Webpack4 使用Babel处理ES6语法的方法示例
Mar 07 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
Zend studio for eclipse中使php可以调用mysql相关函数的设置方法
2008/10/13 PHP
PHP执行批量mysql语句的解决方法
2013/05/02 PHP
ThinkPHP快速入门实例教程之数据分页
2014/07/01 PHP
PHP简单日历实现方法
2016/07/20 PHP
Laravel给生产环境添加监听事件(SQL日志监听)
2017/06/19 PHP
PHP数据库操作二:memcache用法分析
2017/08/16 PHP
Yii2框架自定义验证规则操作示例
2019/02/08 PHP
jquery ajax return没有返回值的解决方法
2011/10/20 Javascript
js判断字符长度以及中英文数字等
2013/12/31 Javascript
jQuery拖拽div实现思路
2014/02/19 Javascript
JavaScript实现网站访问次数统计代码
2015/08/12 Javascript
Ionic 2 实现列表滑动删除按钮的方法
2017/01/22 Javascript
微信小程序访问node.js接口服务器搭建教程
2017/04/25 Javascript
webpack写jquery插件的环境配置
2017/12/21 jQuery
使用vue-infinite-scroll实现无限滚动效果
2018/06/22 Javascript
Vue项目中使用jsonp抓取跨域数据的方法
2019/11/10 Javascript
JS实现动态倒计时功能(天数、时、分、秒)
2019/12/12 Javascript
详解javascript void(0)
2020/07/13 Javascript
Python写的贪吃蛇游戏例子
2014/06/16 Python
python实现马耳可夫链算法实例分析
2015/05/20 Python
Python+Selenium自动化实现分页(pagination)处理
2017/03/31 Python
python+pandas生成指定日期和重采样的方法
2018/04/11 Python
python操作mysql代码总结
2018/06/01 Python
使用Python编写Prometheus监控的方法
2018/10/15 Python
python 堆和优先队列的使用详解
2019/03/05 Python
python实现AES加密和解密
2019/03/27 Python
Python字符串对象实现原理详解
2019/07/01 Python
Python使用python-docx读写word文档
2019/08/26 Python
Python操作word文档插入图片和表格的实例演示
2020/10/25 Python
教育学专业毕业生的自我评价
2013/11/21 职场文书
儿媳婚宴答谢词
2014/01/14 职场文书
信息技术教学反思
2014/02/12 职场文书
弘扬民族精神演讲稿
2014/05/07 职场文书
学校政风行风自查自纠报告
2014/10/21 职场文书
小学体育队列队形教学反思
2016/02/16 职场文书
解决python存数据库速度太慢的问题
2021/04/23 Python