无事来学学--JQuery详细讲解(中)

简介: jQuery效果显示隐藏

jQuery效果


显示隐藏

●   显示show( [speed,[easing],[fn] ] )

●   1、里面的参数均可省略,无动画直接显示(一般情况下都不加参数,因为这些动画太丑了)

●   2、speed。值可以是字符串(slow,normal,fast),也可以是表示动画时长的毫秒数(如1000)

●   3、easing。用来指定切换效果,默认是swing(先慢,再快,后慢),还可选linear(匀速的)

●   4、fn回调函数,在动画完成时执行的函数,每个函数执行一次

隐藏hide([speed,[easing],[fn]] )


●   参数同show

切换toggle([speed,[easing],[fn]] )


●   参数同show

●   元素切换:元素显示则隐藏,元素隐藏则显示


滑动


●   上拉滑动slideDown( [speed,[easing],[fn] )

●   下拉滑动slideUp( [speed,[easing],[fn] )

●   切换滑动slideToggle( [speed,[easing],[fn] )

淡入淡出(透明度的慢慢变化)

●   fadeIn([speed, [easing], [fn] )

●   参数同上

●   fadeOut([speed, [easing], [fn] )

●   fadeToggle([speed, [easing], [fn] )

●   fadeTo(speed, opacity, [easing], [fn] )

●   渐进的方式调整到指定的不透明度(参数opacity取值在0~1,speed和opacity不可省略)

网络异常,图片无法展示
|


自定义动画

●   animate(params, [speed], [easing], [fn] )

●   params:想要更改的样式属性,以对象的形式传递。 属性名可以不带引号,复合属性要用驼峰命名法(该参数不可省略,其余参数可省)

网络异常,图片无法展示
|


鼠标经过、离开事件的复合写法-->事件切换hover


●   语法:$('选择器').hover(over, out);

●   over:鼠标移动到元素上要触发的函数(相当于mouseenter)

●   out:鼠标离开元素时要出发的函数(相当于mouseleave)

●   $('选择器').hover(fn);  如果只写一个函数,则鼠标经过和离开都会触发这个函数

jQuery停止动画/效果排队stop

●   jQuery动画和效果队列:动画或者效果一旦触发就会执行。如果多次触发,就造成多个动画和效果排队执行

●   停止排队stop( )

●   stop( )方法用于停止动画或者效果

●   注意:stop( )写在动画或者效果的前面,相当于停止、结束上一次动画或者效果(上一次动画不执行了,只执行最新的一次,就能保证不论触发多少次,都执行一次动画或者效果)

网络异常,图片无法展示
|


4、jQuery属性操作


设置或者获取元素固有属性值

●   固有属性就是元素自带的属性,如的href,里面的type

网络异常,图片无法展示
|


目录
相关文章
|
存储 JavaScript API
无事来学学--JQuery详细讲解(下)
jQuery事件 jQuery事件注册
148 0
|
存储 JavaScript 前端开发
无事来学学--JQuery详细讲解(上)
jQuery详细讲解(上)
118 0
|
7月前
|
JavaScript 前端开发
百叶窗效果的jQuery幻灯片插件
百叶窗效果的jQuery幻灯片插件
|
7月前
|
JavaScript
jquery无限循环内容滑块插件
jquery无限循环内容滑块插件
|
7月前
|
JavaScript
简单轻量级的jquery图表插件
简单轻量级的jquery图表插件
|
7月前
|
JavaScript
jQuery响应式内容选项卡插件
jQuery响应式内容选项卡插件
|
7月前
|
JavaScript 前端开发
带完成百分比的jQuery表单插件
带完成百分比的jQuery表单插件
|
7月前
|
JavaScript 内存技术
支持多种动画特效的响应式jQuery幻灯片插件
支持多种动画特效的响应式jQuery幻灯片插件
|
9月前
jQuery+Slick插件实现游戏人物轮播展示切换源码
jQuery+Slick插件实现游戏人物轮播展示切换源码
113 14
|
10月前
|
JavaScript 前端开发
jQuery和CSS3滑动展开菜单按钮插件
这是一款jQuery和CSS3滑动展开菜单按钮插件。该滑动展开菜单按钮在用户点击主菜单按钮之后,子菜单以滑动的方式依次展开
132 21