-
$("#exec").click(function(){
var v=$("#animation").val();
var $aaron=$("#aaron");
$aaron.empty();
if(v=="1"){
//遍历数组元素
$.each(['Aaron','慕课网']，function(i,item){
$aaron.append("索引="+i+";元素+"+item);
});
}else if(v=="2"){
$.each({
name:"张三",
age:18
},function(property,value){$aaron.append("属性名="+property+";属性值="+value)；
})；
}
})；
查看全部 -
$("#exec").click(function(){
$("#aaron").animate({
height:300
},5000)
$("#aaron").animate({
width:300},5000)
$("#aaron").animate({
opacity:0.6},2000)
})
$("#stop").click(function(){
var v=$("#animation").val();
var $aaron=$("#aaron");
if(v=="1"){
$aaron.stop()
}else if(v=="2"){
$aaron.stop()
}else if(v=="2"){
$aaron.stop(true)
}else if(v=="3"){
$aaron.stop(true,true)
}
});
查看全部 -
$("#exec").click(function(){
var v=$("#animation").val();
var $aarron=$("#aaron");
if(v=="1"){
$aaron.animate({
height:'50'
},{
duration:2000,
step:function(now,fx){
$aaron.text('高度的改变值：'+now)
}
})
}else if(v=="2"){
$aaron.animate({
height:'50'
},{
duration:2000,
progress:function(now,fx){
$aarron.text('进度'+argument[1])
}
})
}
})
查看全部 -
$("#btnFadeSwitch").click(function(){
var v=$("#animation").val();
if(v=="1"){
$("p").fadeTo("slow",0.5);
}else if(v=="2"){
$("p").fadeTo(1000,0.2);
}else if(v=="3"){
$("p").fadeTo(1000,0.9,function(){
alert('完成')
});
}
});
查看全部 -
$("#btnFadeIn").click(function(){
var v=$("#nanimation").val();
if(v=="1"){
$("p").fadeIn();
}else if(v=="2"){
$("p").fadeIn("slow");
}else if(v=="3"){
$("p").fadeIn("slow");
}else if(v=="3"){
$("p").fadeIn(3000);
}else if(v=="4"){
$("p").fadeIn(2000,function(){
alert("显示完毕")；
})；
}else if(v=="5"){
$("p").fadeIn(1000,"linear");
}else if(v=="6"){
$("p").fadeIn({
duration:1000
});
}
});
$("#btnHide").click(function(){
$("p").hide();})
查看全部 -
如果多个元素执行动画，回调将在每个匹配的元素上执行一次，不是作为整个动画执行一次
查看全部 -
持续时间（duration）是以毫秒为单位的，数值越大，动画越慢，不是越快。字符串 'fast' 和 'slow' 分别代表200和600毫秒的延时。如果提供任何其他字符串，或者这个duration参数被省略，那么默认使用400 毫秒的延时。
下拉动画是从无到有，所以一开始元素是需要先隐藏起来的，可以设置display:none
查看全部 -
当提供hide方法一个参数时，.hide()就会成为一个动画方法。.hide()方法将会匹配元素的宽度，高度，以及不透明度，同时进行动画操作
查看全部 -
linear 淡出效果线性变化，也就是匀速变化
查看全部 -
如果不传递任何参数给 .index() 方法，则返回值就是jQuery对象中第一个元素相对于它同辈元素的位置
如果在一组元素上调用 .index() ，并且参数是一个DOM元素或jQuery对象， .index() 返回值就是传入的元素相对于原先集合的位置
如果参数是一个选择器， .index() 返回值就是原先元素相对于选择器匹配元素的位置。如果找不到匹配的元素，则 .index() 返回 -1
查看全部 -
get方法是通过已知的索引在合集中找到对应的元素。如果反过来，已知元素如何在合集中找到对应的索引呢？
.index()方法，从匹配的元素中搜索给定元素的索引值，从0开始计数。
查看全部 -
get方法是获取的dom对象，也就是通过document.getElementById获取的对象
get方法是从0开始索引
查看全部 -
jQuery.trim()函数用于去除字符串两端的空白字符
这个函数很简单，没有多余的参数用法
需要注意：
移除字符串开始和结尾处的所有换行符，空格(包括连续的空格)和制表符（tab）
如果这些空白字符在字符串中间时，它们将被保留，不会被移除
查看全部 -
jQuery.inArray()函数用于在数组中搜索指定的值，并返回其索引值。如果数组中不存在该值，则返回 -1。 如果要判断数组中是否存在指定值，你需要通过该函数的返回值不等于(或大于)-1来进行判断
查看全部 -
stop()：只会停止第一个动画，第二个第三个继续
stop(true)：停止第一个、第二个和第三个动画
stop(true ture)：停止动画，直接跳到第一个动画的最终状态
查看全部
举报