jquery中one()方法的用法实例
时间:2021-06-12 08:12:36|栏目:jquery|点击: 次
本文实例讲述了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>
<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>
希望本文所述对大家的jQuery程序设计有所帮助。