jQuery ميزات animate()

من خلال نقل عدة خصائص النمط والقيم لتحريك العنصر:
　　من خلال تغيير عرض العنصر وارتفاعه لتحقيق تأثير حركة:
});

من خلال نقل عدة خصائص النمط والقيم لتحريك العنصر:
　　من خلال تغيير عرض العنصر وارتفاعه لتحقيق تأثير حركة:
　　$("div").animate({width:　"500px"});
});

من خلال نقل عدة خصائص النمط والقيم لتحريك العنصر:
　　$("div").animate({
　　　　　width:\"500px\",
　　　　　height:\"400px\"
　　});
});

$("button").click(function(){
　　$("div").animate({width:\"500px\",　height:\"400px\"},　4000,　"linear");
});

$("button").click(function(){
　　$("div").animate({
　　　　width:\"500px\",
　　　　height:\"400px\"
　　},　500,　"linear",
　　function() {
　　　　$(this).after("<h2>تم إكمال التحريك</h2>");
　　});
});

$("button").click(function(){
　　$("div").animate({
　　　　width:\"500px\",
　　　　height:\"400px\"
　　},　{
　　　　duration:500,,
　　　　easing:\"linear\",
　　　　complete:function(){
　　　　　　$(this).after("<h2>تم إكمال التحريك</h2>");
　　　　}
　　});
});

let　size　=　$(".main").height();　//　الحصول على طول "main"
$(window).keydown(function(event)　{
　　if(event.which　===　40)　{　//　إذا تم ضغط زر السهم للأسفل
　　　　$("html,　body").animate({scrollTop:　"+="　+　size},　300);
　　}　else　if(event.which　===　38)　{　//　إذا تم ضغط زر السهم لأعلى
　　　　$("html,　body").animate({scrollTop:　"-="　+　size},　300);
　　}
});

$("p").click(function(){
　　$(this).animate({
　　　　fontSize:　"+=5px",
　　　　padding　:　"+=10px"
　　});
});

$("button").click(function(){
　　$("div").animate({height:　"toggle"});
});