jquery中one()的用法
类别:Web前端 浏览量:1400
时间:2015-2-8 jquery中one()的用法
jquery中one()的用法一、jquery中one方法
one方法的功能是让所选定的元素绑定一个仅触发一次的处理函数,该方法与bind方法的参数一样,与bind方法的区别就是只对匹配元素的事 件处理执行一次,执行完之后,以后再也不会执行,当然重新发起web请求时它又会执行一次。
格式
$(selector).one(event,data,function)
说明
参数 | 描述 |
---|---|
event |
必需。规定添加到元素的一个或多个事件。 由空格分隔多个事件。必须是有效的事件。 |
data | 可选。规定传递到函数的额外数据。 |
function | 必需。规定当事件发生时运行的函数。 |
实例
$(function() {
function btn_Click() {
this.value = "abc123"
}
$("input").one("click", btn_Click); //绑定自定义事件
})
</script>
</head>
<body>
<input id="Button1" type="button" value="点击查看联系方式" class="btn" />
这个按钮只会在点第一次的时候有反应,再次点击就无反应了。
二、与.bind()的区别
.one()方法与.bind()类似,都是在dom树加载后,对元素的绑定,属于后期绑定。所不同的是,使用.one()绑定的事件处理程序在执行一次之后将自动取消绑定。
三、.one()与live()的区别
1、live( )方法将一个事件处理程序附加到与当前选择器匹配的所有元素(包含现有的或将来添加的)的指定事件上并返回jQuery对象。
2、live( )方法主要是能处理动态添加的元素,给那些后添加的元素也一样绑定事件。
3、当调用.bind()时,jQuery对象匹配的元素将被附加上事件处理程序,但以后添加的元素并不会被附加该事件处理程序,因此,还需要对这些 元素再次调用.bind()方法。
4、live 是先把事件绑定在document对象上面,通过事件冒泡,判断当前处于目标状态的元素是不是预绑定的那个元素对象,然后执行事件,属于前期绑定,元素可以是已存在的,也可以是动态添加的。
标签:jquery
您可能感兴趣
- jQuery里$(this)和this的区别有哪些
- jquerycss3轮播案例(CSS3实现列表无限滚动/轮播效果)
- jquery左右选择框
- jquery使用data缓存数据
- jquery unbind
- jquery中is()
- jquery的直接设置下拉框的选中值(jquery实现户籍地选择下拉框)
- jquery添加商品(jquery实现购物车功能)
- css3设置过渡效果(CSS3 media queries + jQuery实现响应式导航)
- jquery ajax详细教程(jquery+Ajax实现简单分页条效果)
- MVC中使用jQuery加载分部视图(PartialView)
- jquery实现标签输入功能
- jQuery商品属性选择的实现
- jQuery邮箱自动补全
- jQuery给动态添加的元素绑定事件
- jquery属性选择器
- 你好,新成理人丨成都理工大学2019级新生开学典礼隆重举行(新成理人丨成都理工大学2019级新生开学典礼隆重举行)
- 这部民警编演的红色话剧,讲述了一个不断追寻的故事(这部民警编演的红色话剧)
- 日本菜有什么好吃(日本菜有什么好吃的做法)
- 韩国泡菜做法(韩国泡菜的做法步骤)
- 泰国旅游攻略(泰国旅游攻略必去景点)
- 越难春卷(越难春卷皮怎么用)
热门推荐
- python面向对象编写案例(Python面向对象程序设计示例小结)
- dedecms自定义字段(详解怎么样让DEDECMS的list标签支持weight排序的方法)
- laravel怎么设置自定义(laravel实现于语言包的完美切换方法)
- jquery中text(),val(),html()区别
- mvc razor 输出html
- vue渲染数据的过程(Vue前端高效开发之列表渲染指令)
- C#选择排序
- css高级使用技巧(全面解析CSS Media媒体查询使用操作推荐)
- nginxrewrite有什么功能(Nginx Rewrite使用场景及代码案例详解)
- nginx和apache(为什么 Nginx 比 Apache 更牛逼)