jquery 中的一个函数one讲解

  最近学习jquery中，发现了一个特殊的函数one,其含义是能让其绑定的事件只执行一次，
马上来看实际的例子：

1）

<a href="#">Click Me Many Times[/a]

 

(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则无效果了
 

 Click any item below to cross it out, then click on any other item.
  <ul>
<li>Happy1</li>

   <li>Happy</li>

   <li>Joy</li>

   <li>Joy</li>

  </ul>

function($){

  $(function(){
    
    $("ul").one('click','li',function(e){
		$(this).css('text-decoration','line-through');
    });
                   
  });
    
}(window.jQuery));