详细说明jQuery效果。

jQuery是一个很好的js开发库,比如原型,特别是CSS和XPath的支持,使我们更方便地编写JS!如果你不是js高手,想写一个很好的js效果,jQuery可以帮你实现目标!



隐藏()

隐藏匹配元素。

隐藏()



此方法不接受任何参数。



隐藏({时间},完整})

持续时间



一个字符串或数字决定动画运行的时间。

完成



动画完成后执行的函数。

隐藏({时间},轻松},完整})

持续时间



一个字符串或数字决定动画运行的时间。

宽松



一个字符串,用于指示使用哪种慢移动函数进行转换。

完成



当动画完成时执行的函数。

使用:


$(按钮)。Click(function(){)
$('p')藏(2000)。
});
$()。Click(函数(){)
$(this)隐藏(2000,函数(){)
美元(这个)。
})
})


显示()

显示匹配的元素。

显示()



此方法不接受任何参数。

显示({时间,{,完整})

持续时间



一个字符串或数字决定动画运行的时间。

完成



动画完成后执行的函数。

显示(持续时间{,{ },},})

持续时间



一个字符串或数字决定动画运行的时间。

宽松



一个字符串,用于指示使用哪种慢移动函数进行转换。

完成



当动画完成时执行的函数。



使用:


$(按钮)。Click(函数(){)
$(p);
});

弗斯特()。
$(这个)。
});




切换()

显示或隐藏匹配元素。

切换()



此方法不接受任何参数。

切换({时间},完整})

持续时间



一个字符串或数字决定动画运行的时间。

完成



动画完成后执行的函数。

切换(持续时间{,{ },},})

持续时间



一个字符串或数字决定动画运行的时间。

宽松



一个字符串,用于指示使用哪种慢移动函数进行转换。

完成



当动画完成时执行的函数。



使用:


$(按钮)。Click(函数(){)
$(p)。Toggle();
});
$(按钮)。Click(函数(){)
$(p)。Toggle(慢);
});


动画()

根据一组CSS属性执行自定义动画。

动画(属性{,持续时间},放松},完整})

性能



一个CSS属性和值的对象,动画将根据一组对象移动。

持续时间(默认值:400)



一个字符串或数字决定动画运行的时间。

放松(默认摆动)



一个字符串,表明慢动作功能被过度使用。

完成



动画完成后执行的函数。

动画(属性、选项)

性能



一个CSS属性和值的对象,动画将根据一组对象移动。

选项



包含动画选项的一组值。



使用:


$(# )(点击(功能){
$(#块动画({)。
宽度:70%
不透明性:0.4,
marginleft:0.6in
字体大小:3em
带:10px
},1500);
});

$(#权)。Click(function(){)
$(块)。动画({左:+ = 50px},慢);
});


对所有段落使用动画使其左属性50、透明度为1(即不透明、可见)和500毫秒的时间。




$(p)。
左:50,透明度:1
},500);


延迟()

设置延迟以延迟队列中后续项目的执行。

。延迟(时间queuename {,})

持续时间



一个整数,表示毫秒数,用于设置下一个队列以推迟执行时间。

queuename



被命名为一个团队的字符串。



影响:



我们可以设置一个800毫秒的延迟between.slideup()()and.fadein动画:



$(# foo)。SlideUp(300),Delay(800)FadeIn(400);



再次隐藏这两个div。绿色div在显示之前有800毫秒的延迟时间。




$(按钮)。Click(函数(){)
$(div.first ),SlideUp(300),Delay(800)FadeIn(400);
$(div.second ),SlideUp(300)FadeIn(400);
});


停止()

停止匹配元素运行的当前动画。



({ } { clearqueue。停止,jumptoend })

清空队列



一个布尔值,指示是否取消队列动画,默认为false;

jumptoend



布尔值指示当前动画是否立即完成。默认为false;

({ } {。停止队列,clearqueue } {,jumptoend })

队列



停止动画队列的名称。

清空队列



指示是否取消队列动画的布尔值。默认为false。

jumptoend



布尔值指示当前动画是否立即完成。默认为false。



使用:


$(#停止)。Click(function(){)
$(;
})当单击此操作时立即停止动画。


fadeIn()。

匹配元素以淡入淡出的方式显示。

({ } {时间。渐明,完成})

持续时间(默认值:400)



一个字符串或数字决定动画运行的时间。



完成



当动画完成时执行的函数。

渐显(选项)。



包含动画选项的一组值。

({ } {时间。渐明,宽松} { },完成)

持续时间(默认值:400)



一个字符串或数字决定动画运行的时间。



放松(默认:摆动)



一个字符串,用于指示使用哪种慢移动函数进行转换。



完成



一个函数执行时动画完成。 U3000

使用:


$(。BTN2)。Click(function(){)
$(p)。FadeIn();
});


淡出()。

匹配元素通过淡出来隐藏。



({ } {。淡出时间,完成})

持续时间(默认值:400)



一个字符串或数字决定动画运行的时间。

完成



当动画完成时执行的函数。

淡出(选项)。



包含动画选项的一组值。

({ } {时间。淡出,宽松} { },完成)

持续时间(默认值:400)



一个字符串或数字决定动画运行的时间。

放松(默认:摆动)



一个字符串,用于指示使用哪种慢移动函数进行转换。

完成



当动画完成时执行的函数。



使用:




$(。BTN2)。Click(function(){)
$(p)。FadeOut();
});


fadeTo()。

调整匹配元素的透明度。



。褪变成了(持续时间、透明度{ },完成)

持续时间



一个字符串或数字决定动画运行的时间。

不透明度



0和1之间的数字表示目标元素的不透明度。

完成



当动画完成时执行的函数。

。褪变成了(持续时间、透明度{ } { },宽松,完整)

持续时间



一个字符串或数字决定动画运行的时间。

不透明度



0和1之间的数字表示目标元素的不透明度。

宽松



一个字符串,用于指示使用哪种慢移动函数进行转换。



完成



当动画完成时执行的函数。



使用:




$(输入的)。Click(function(){)
$(# DIV1)。FadeTo(慢
$(# DIV1)。Css(显示
})
})


fadeToggle()。

通过匹配元素的不透明动画来显示或隐藏它们。

({ } {时间。fadetoggle,宽松} { },完成)

持续时间(默认值:400)



一个字符串或数字决定动画运行的时间。

放松(默认:摆动)



一个字符串,用于指示使用哪种慢移动函数进行转换。

完成



当动画完成时执行的函数。

fadetoggle(透明度)。

不透明度



包含动画选项的一组值。



使用:




$(输入)。Click(函数(){)
$(# DIV1)。FadeToggle(2000)
})


slideDown()。

用幻灯片动画显示匹配元素。

slideDown({ } {。时间,完成})

持续时间



一个字符串或数字决定动画运行的时间。

完成



当动画完成时执行的函数。

slideDown(透明度)。

不透明度



包含动画选项的一组值。

slideDown({ } {时间。} { },宽松,完整)

持续时间



一个字符串或数字决定动画运行的时间。



宽松



一个字符串,表明慢动作功能被过度使用。



完成



当动画完成时执行的函数。



使用:


$(输入)。Click(函数(){)
$(# DIV1 slideDown(2000))。
})


slideup()。

通过滑动动画隐藏匹配元素。



({ } {时间。slideup,完成})

持续时间



一个字符串或数字决定动画运行的时间。

完成



当动画完成时执行的函数。

slideup(透明度)。



不透明度



包含动画选项的一组值。

({ } {时间。slideup,宽松} { },完成)

持续时间



一个字符串或数字决定动画运行的时间。



宽松



一个字符串,表明慢动作功能被过度使用。



完成



当动画完成时执行的函数。



使用:




$(输入)。Click(函数(){)
$(# DIV1)。SlideUp(2000)
})


slidetoggle()。

用幻灯片动画显示或隐藏匹配元素。



({ } {时间。slidetoggle,完成})

持续时间



一个字符串或数字决定动画运行的时间。

完成



当动画完成时执行的函数。

slidetoggle(透明度)。

不透明度



包含动画选项的一组值。

({ } {时间。slidetoggle,宽松} { },完成)

持续时间



一个字符串或数字决定动画运行的时间。



宽松



一个字符串,表明慢动作功能被过度使用。



完成



当动画完成时执行的函数。



影响:


$(输入)。Click(函数(){)
$(# DIV1)。SlideToggle(2000)
})


以上内容是一个小编辑器,详细介绍了jQuery的效果,希望大家喜欢。