<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="js/jquery-2.1.3.min.js"></script> <style> .tip{ margin:300px auto; width:200px; height:100px; text-align: center; background:green; color:#fff; display:none; } </style> </head> <body> <button>点我</button> <div class="tip"> 这里是提示信息！提示信息！提示信息！ </div> <script> $(function(){ $('button').click(function(e){ $('.tip').show(); e.stopPropagation(); $(document).one('click',function(){ $('.tip').hide(); }) }) $('.tip').click(function(e){ e.stopPropagation(); }) }) </script> </body> </html>
one() 方法为被选元素附加一个或多个事件处理程序，并规定当事件发生时运行的函数。
当使用 one() 方法时，每个元素只能运行一次事件处理器函数。