jQuery中:animated选择器用法实例
更新时间：2014年12月29日 15:04:05 投稿：shichen2014
这篇文章主要介绍了jQuery中:animated选择器用法,实例分析了:animated选择器的功能、定义及匹配动画效果元素的使用技巧,具有一定的参考借鉴价值,需要的朋友可以参考下
本文实例讲述了jQuery中:animated选择器用法。分享给大家供大家参考。具体分析如下：
此选择器匹配所有正在执行动画效果的元素。
可以使用animate()方法创建自定义动画。
语法结构:
复制代码 代码如下:
$(":animated")
此选择器一般也要和其他选择器配合使用，比如类选择器和元素选择器等等。例如:
复制代码 代码如下:
$("li:animated").css("background-color","blue")
以上代码能够将正在执行动画下过的li元素的背景颜色设置为蓝色。
如果不和其他选择器配合使用，则默认状态是和*选择器配合使用，例如$(":animated")等同于$("*:animated")。
实例代码:
复制代码 代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="https://www.jb51.net/" />
<title>脚本之家</title>
<style type="text/css">
li{
list-style-type:none;
width:150px;
height:30px;
}
.run{background-color:green;}
.static{background-color:#603;}
</style>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
function runit(){
$(".run").animate({width:"250px"});
$(".run").animate({width:"150px"},runit);
}
$("button").click(function(){
runit();
$("li:animated").css("background-color","blue");
})
})
</script>
</head>
<body>
<ul>
<li class="run"></li>
<li class="static"></li>
</ul>
<button>点击开始动画</button>
</body>
</html>
以上可以将动画元素的背景颜色设置为蓝色。
希望本文所述对大家的jQuery程序设计有所帮助。
相关文章
本篇文章主要是对jQuery 字体大小的设置方法进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-02-02
这篇文章主要介绍了jQuery中:empty选择器用法,实例分析了:empty选择器的功能、定义及匹配空元素的用法技巧,具有一定的参考借鉴价值,需要的朋友可以参考下2014-12-12
Jquery attr("checked") 返回checked或undefined 获取选中失效
$('#cb').attr('checked'); 返回的是checked或者是undefined，不是原来的true和false了，有关此问题的解决方法如下，感兴趣的朋友可以参考下2013-10-10
网页跳转到指定位置，实现的方法有很多，本文采用最为简单的一种，喜欢朋友可以学习下2013-09-09
这篇文章主要介绍了jquery实现的禁止回车触发表单提交的方法，非常的使用，这里推荐给大家。2014-12-12
这篇文章主要为大家详细介绍了Jquery树插件zTree实现菜单树，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-01-01
本文给大家介绍的是一款使用jQuery实现的简易选项卡的代码，通过控制css熟悉来实现tab切换，思路清晰，这里推荐给大家。2015-03-03
jquery监控数据是否变化(修正版) 之前写的那篇中存在许多bug，今天重新整理了一下。还请各位指教2011-04-04
这篇文章主要介绍了 jquery实现可编辑表格并生成json结果,该代码解析和加载功能都用前端js实现，简化了后台代码逻辑，非常不错，具有参考借鉴加载，需要的朋友可以参考下2017-07-07
使用jQuery+EasyUI实现CheckBoxTree的级联选中特效
这篇文章主要介绍了使用jQuery+EasyUI实现CheckBoxTree的级联选中特效的相关资料,需要的朋友可以参考下2015-12-12
最新评论