jQuery初学2

标签：selector   col   一个   param   实例   功能   jquery   元素   slide   

1. jquery动画---->animate()　　
2. 语法

   $(selector).animate({params},speed,callback);
   

   params是必需的css样式，speed是速度：slow,fast,毫秒，callback是跳转的函数

3. 功能：操作多个属性；使用相对值；使用预定义的值；使用队列功能。

   $("button").click(function(){
     $("div").animate({
       left:‘250px‘,
       opacity:‘0.5‘,
       height:‘150px‘,
       width:‘150px‘
     });
   });
   $("button").click(function(){
     $("div").animate({
       left:‘250px‘,
       height:‘+=150px‘,
       width:‘+=150px‘
     });
   });
   $("button").click(function(){
     $("div").animate({
       height:‘toggle‘
     });
   });
   $("button").click(function(){
     var div=$("div");
     div.animate({height:‘300px‘,opacity:‘0.4‘},"slow");
     div.animate({width:‘300px‘,opacity:‘0.8‘},"slow");
     div.animate({height:‘100px‘,opacity:‘0.4‘},"slow");
     div.animate({width:‘100px‘,opacity:‘0.8‘},"slow");
   });
   

    

4. juery stop()
5. 语法

   $("#stop").click(function(){
     $("#panel").stop();
   });
   

   　　

6. jquery callback()
   
7. 实例

   $("button").click(function(){
       $("p").hide(1000);
       alert("现在段落被隐藏了");
     });
   

   　　

8. jQuery链
9. 实例

   $("button").click(function(){
       $("#p1").css("color","red")
         .slideUp(2000)
         .slideDown(2000);
     });
   

   　允许在同一个元素上运行多个jQuery命令

jQuery初学2

标签：selector   col   一个   param   实例   功能   jquery   元素   slide   

原文地址：https://www.cnblogs.com/linnannan/p/9934448.html