项目中会遇到只能点击一次,若再点击则失效
<ul id="footer">
<li data-id="cat">cat</li>
<li data-id="dog">dog</li>
<li data-id="pig">pig</li>
<li data-id="monkey">monkey</li>
</ul>
$("#footer li").one('click',function(e){
console.log($(e.target))
$(e.target).css({"color":"red","borderBottom":"4px solid cyan"})
})
看控制台输出,清晰可以看出,如果再次重复去点击同一元素则点击事件则失效