jQuery効果まとめ

$("#hide").click(function(){
    $("p").hide();
});
$("#show").click(function(){
    $("p").show();
});
//           $("p").show(2000);

//    hide() show()  ，                 。
$("button").click(function(){
    $("p").toggle();
});
//            $("p").toggle(2000);

$("button").click(function(){
    //     ，     ，     （  ）
    $("div1").fadeIn();
    $("div2").dadeIn(1000);
    //     ，        
    $("div1").fadeOut();
    $("div2").fadeOut(2000);
    // fadeToggle()  fadeIn() fadeOut()    
    $("div1").fadeToggle();
    $("div2").fadeToggle("slow");
    // fadeTo()            （0-1  ）
    $("#div1").fadeTo("slow",0.15);
    $("#div2").fadeTo(2000,0.4);
});

$('button').click(function(){
    // slideDown()        
    $('p#in').slideDown('slow');
    //  slideUp()        
    $('p#out').slideUp(3000);
    // slideToggle()  slideDown() slideUp()    
    $("p#toggle").slideToggle();
});

$('button').click(function(){
    //    
     
    $('div').animate({left:'100px'});
    //            
    $('div').animate({left:'200px', opacity:'0.4', height:'100px', width:'50px'});
    //        
    $('div').animate({left:'200px', height:'+=100px', width:'+=50px'});
    //       
    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");
});
 
 
 
  
stop()
 jQuery stop()                。
 $(selector).stop(stopAll,goToEnd);
 stopAll   ，      ，   false，     ；
 goToEnd   ，          ，   false；
 
 
 
 
$(document).ready(function(){
    $("#flip").click(function(){
        $("p").slideDown(4000);
    });
    $("#stop").click(function(){
        $("p").stop();
    });
});
  
Callbackは、すべての  の が  した にcallbackを  して の  を うことができます. えば
$("button").click(function(){
    $("p").hide(1000,function(){
        alert("
   ");
    });
});
  
Chainingは の  と  に、jQueryは じ  の に して  のコマンドを  することもできます. えば
// 
      ，          
$("p").css("color","red").slideUp(1000).slideDown(1000);