jquery中one()方法的用法实例
更新时间:2015年01月16日 10:04:04 投稿:shichen2014
这篇文章主要介绍了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程序设计有所帮助。
相关文章
Jquery ajax执行顺序 返回自定义错误信息(实例讲解)
由于Jquery中的Ajax的async默认是true(异步请求),如果想一个Ajax执行完后再执行另一个Ajax, 需要把async=false就可以了2013-11-11JQuery 自定义CircleAnimation,Animate方法学习笔记
最近对看了一些JQuery的基础教程,被JQuery深深的吸引住了,以前用过Extjs,看了JQuery不禁感叹,javascript还能这么些,真是太神奇了!2011-07-07
最新评论