jQuery基础(四)—动画篇_技术问答

首页免费课 jQuery基础(四)—动画篇问答

jQuery基础(四)—动画篇

                
                Aaron艾伦
            Web前端工程师

                    查看讲师更多课程 
                    Aaron艾伦讲师的其他课程
                
H5+JS+CSS3 实现圣诞情缘
中级·122015
免费课程
                                
jQuery基础(二)—DOM篇
入门·114008
免费课程
                                
H5+JS+CSS3实现七夕言情
中级·211524
免费课程
                                
jQuery基础(三)—事件篇
入门·89994
免费课程
                                
jQuery基础 (一)—样式篇
入门·217503
免费课程
                                
jQuery源码解析（DOM与核心模块）
高级·71436
免费课程
                                
                难度初级
            
                时长 1小时37分
            
                学习人数
            
综合评分9.20
                            565人评价
                        查看评价
                                9.5
                                内容实用
                            
                                9.2
                                简洁易懂
                            
                                8.9
                                逻辑清晰

全部评论问答未解决精华

藍裙子的百合魂

$aaron.eq(1).css('color','blue')
$aaron.get(1).style.color="blue"

1 6-4 jQuery中DOM元素的获取get方法

2016-12-22

Mr_小陈

对于$.inArray('a',['a','b','c','d','a','c'],2)括号里最后面的2，我看评论说烧到数组里的a 的第二个索引值，但是我试着换了1，解结果没变化啊，有点迷茫

0 6-2 jQuery中查找数组中的索引inArray

2016-12-22

weibo_颖丫头嘎嘎_04073231

show与hide方法是修改的display属性，通过是visibility属性布局需要通过css方法单独设置
如果使用!important在你的样式中，比如display: none !important，如果你希望.show()方法正常工作，必须使用.css('display', 'block !important')重写样式

0 1-3 jQuery中显示元素的show方法

2016-12-22

qq_请勿投食_0

测试文字淡入淡出切换效果
慕课网,专注分享
//
//加个空的 P标签，弹三次因为监控的是$("p")

0 3-3 jQuery中淡入淡出切换fadeToggle

2016-12-20

qq_请勿投食_0

$("#a1").stop().hide(3000).show(3000)
//stop（）用于避免动画执行过程中反复触发

//语法结构
$("#div").stop();//停止当前动画，继续下一个动画
$("#div").stop(true);//清除元素的所有动画
$("#div").stop(false, true);//让当前动画直接到达末状态，继续下一个动画
$("#div").stop(true, true);//清除元素的所有动画，让当前动画直接到达末状态

45 1-3 jQuery中显示元素的show方法

2016-12-20

陈喵喵

两个p标签，所以会弹出两个对话框

1 3-3 jQuery中淡入淡出切换fadeToggle

2016-12-19

陈喵喵

jQuery只包含了两个缓动方法：swing和linear。linear方法提供了一个稳定的动画，以使得动画的每个步骤都是相同的(例如，如果要让一个元素以逐渐变化的方式穿过屏幕，每一步的距离和前一步都是相同的)。swing要更加动态一些，随着动画的开始变得更加快一些，然后再慢下来。swing是一个常用设置，因此，如果没有指定任何缓动，jQuery会使用swing方法。

6 3-1 jQuery中淡出动画fadeOut

2016-12-19

youhayouha

1. stop() 停止当前动画
2. stop(true) 停止当前执行动画元素的所有动画行为
3. stop(true,true) 停止当前执行动画元素的所有动画行为，并且直接到达当前动画最后一帧

4 5-3 jQuery中停止动画stop

2016-12-19

ke柯

get方法是从0开始索引，从后往前索引，传递一个负索引值，起始值是-1

0 6-4 jQuery中DOM元素的获取get方法

2016-12-19

陈喵喵

duration 可选/String/Number类型指定过渡动画运行多长时间(毫秒数)，默认值为400。该参数也可以为字符串"fast"(=200)或"slow"(=600)。
easing 可选/String类型指定使用何种动画效果，默认为"swing"，还可以设为"linear"或其他自定义的动画样式的函数名称。
complete 可选/Function类型元素隐藏完毕后需要执行的函数。函数内的this指向当前DOM元素。
options Object类型指定的选项参数对象。

5 1-2 jQuery中隐藏元素的hide方法

2016-12-19

ke柯

properties：一个或多个css属性的键值对所构成的Object对象

0 5-1 jQuery中动画animate(上)

2016-12-19

ke柯

toggle：切换显示与隐藏效果 sildeToggle：切换上下拉卷滚效果 fadeToggle：切换淡入淡出效果

0 4-1 jQuery中toggle与slideToggle以及fadeToggle的比较

2016-12-19

ke柯

.fadeTo( duration, opacity ,callback) duration参数规定时长，opacity 参数设置不透明度， callback 参数是执行的函数名称。

0 3-4 jQuery中淡入效果fadeTo

2016-12-19

ke柯

fadeToggle切换fadeOut与fadeIn效果

0 3-3 jQuery中淡入淡出切换fadeToggle

2016-12-19

ke柯

slideToggle()综合了slideDown()和slideUp()的功能。

1 2-3 jQuery中上卷下拉切换slideToggle

2016-12-19

首页上一页 36 37 38 39 40 41 42 下一页尾页

开始学习

课程须知: 1、有HTML/CSS基础 2、有JavaScript基础

老师告诉你能学到什么？: 1、jQuery的基础语法 2、jQuery当中的动画处理

微信扫码，参与3人拼团

热搜

最近搜索清空

jQuery基础(四)—动画篇