站长资源
全栈工程师站点

jquery中one()方法的用法实例讲解

jQuery中的one()方法:表示只执行一次,例如:

<html>
 <head>
 <title>jquery事件:one()方法的使用</title>
 <script type="text/javascript" src="jquery-1.8.2.min.js"></script>
 <script type="text/javascript">
 $(document).ready(function(){
  $("p, h1, h2").one("click",function(){
   $(this).animate({fontSize:"+=3px"});
  });
 });
 </script>
 </head>
 <body>
 <h1>这是一个标题</h1>
 <h2>这是另一个标题</h2>
 <p>这是一个段落</p>
 </body>
 </html>

大家可以把代码保存起来打开看看点击的效果,和不用one()有什么区别相信一目了然

本文出处:来自互联网信息共享,请勿相信收费信息站长资源 » jquery中one()方法的用法实例讲解

评论 抢沙发

评论前必须登录!