`
iaiai
  • 浏览: 2146466 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jquery 中的一个函数one讲解

 
阅读更多
发现了一个特殊的函数one,其含义是能让其绑定的事件只执行一次,
马上来看实际的例子:

(function($){  
  $(function(){  
    $("#once").one('click',function(){  
      console.log("click once");  
    });               
  });  
}(window.jQuery));

这个例子中,无论点多少次,始终都只显示1次了



2)还可以将多个事件都关联到once中,比如
$("#once").one('mousedown mouseup click',function(){    console.log("click once");});





3 自定义的数据也可以关联到once中,比如
$("#once").one('click', { color: 'blue', size : 'xxl' }, function(e){        console.log('click once you ' + e.data.size + ' ' + e.data.color + ' rabbit.');    });      });



4 还可以针对页面中的某些元素的某些事件,只使用一次,比如下面的例子中,
无论点哪一个li元素,始终只对一个元素加了横线,再点其他li则无效果了
function($){  
 $(function(){  
   $("ul").one('click','li',function(e){  
    $(this).css('text-decoration','line-through');  
   });           
 });  
(window.jQuery));
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics