jquery中one()方法的用法实例
编程学习 2021-07-04 21:47www.dzhlxh.cn编程入门
这篇文章主要介绍了jquery中one()方法的用法,实例分析了one()方法的功能及使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
本文实例讲述了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程序设计有所帮助。