jq动画的实现方式

1,隐藏元素hide方法
用法;$(“id”).hide(参数) //快捷参数 fast 200毫秒 slow 600毫秒

2,显示元素show方法
用法;$(“id”).hide(参数).show(参数) //让元素隐藏在显示出来

3,$(“id”).slideDown(1000, function() { //用于下拉的方式进行显示元素
//等待动画执行1秒后,执行别的动作…
});

3,$(“id”).slideUp(1000, function() { //用于上卷的方式进行隐藏元素
//等待动画执行1秒后,执行别的动作…
});

4,$(“id”).slideToggle(1000, function() { //用于上卷下拉切换,如果是隐藏单
击会显示,如果显示单击会隐藏
//等待动画执行1秒后,执行别的动作…
});

5,$(“id”).fadeOut(1000, function() { //用于淡出的方式进行隐藏
//等待动画执行1秒后,执行别的动作…
});

6,$(“id”).fadeIn(1000, function() { //用于淡入的方式进行显示
//等待动画执行1秒后,执行别的动作…
});

7,$(“id”).fadeToggle(1000, function() { //用于淡入淡出的方式切换,如果是隐藏单
击会显示,如果显示单击会隐藏
//等待动画执行1秒后,执行别的动作…
});

8,$(“id”).fadeTo(1000, 0~1,function() { //可以自定义取淡入效果
//等待动画执行1秒后,执行别的动作…
});

9,$(“id”).animate({height:“300px”}); //自定义改变样式的值

10,$(“id”).stop(); //停止动画

11,$.each([“Aaron”, “慕课网”], function(index, value) { //对Aaron数组进行排序
//index是索引,也就是数组的索引
//value就是数组中的值了
});

12, KaTeX parse error: Expected '}', got 'EOF' at end of input: …输出 alert((this).text())
});

13,$.inArray(5,[1,2,3,4,5,6,7]) //返回对应的索引:4
//查找数组中指定的值,并且返回其索引值

14,$.trim() //函数用于去除字符串两端的空白字符

15,$(“id”).get(0); //使用get方法,获取第一个id标签的值

16, ( " i d " ) . i n d e x ( ("id").index( ("id").index(("#标签里的值")); //使用index(),获取索引值
例子; KaTeX parse error: Expected '}', got 'EOF' at end of input: …标签 alert((this).index()); //弹出单击li标签的索引值
});

  • 0
    点赞
  • 0
    评论
  • 2
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值