jQuerでよく使われるいくつかの方法のまとめ

1、クローン

clone(true/false) ---

/*                    */
$(".box").append($(".box p").eq(0).clone(true));//true      

2、animate

jQueryバッファリングを実現するにはeasingフレームワーク

をダウンロードする必要がある.

jQueryのモーションフレームは非同期

をキャンセルしました

    $('.box p').animate({left:600},{
        easing:"easeInOutCirc",
        duration:2000,//     
        complete:function(){//    
            $(this).css("background","deeppink");
        }
    })

animate同期化

/*      600px，3 ，       600px，3  */
$(".box p").animate({left:600},3000);
$(".box p").animate({top:600},3000);

animate非同期化(簡単)

$(".box p").animate({left:600,top:600},3000);//             

3、よく使う方法(6)

hide--

を表示

shiw--非表示

fadeIn--

フェードイン

fadeOut--フェードアウト

slideUp--上引き

slideDown--ドロップダウン

hide()非表示、show()表示

/*      */
$("button").eq(0).clicck(function(){
    $(".box p").show()
    //$(".box p").show(1000)---      
};
/*      */
$("button").eq(1).clicck(function(){
    $(".box p").hide()
    //$(".box p").hide(1000)---      
};

fadeIn()フェードアウト、fadeOut()フェードアウト

/*    */
$("button").eq(2).clicck(function(){
    $(".box p").fadeIn()
    //$(".box p").fadeIn(1000)---      
};
/*    */
$("button").eq(2).clicck(function(){
    $(".box p").fadeOut()
    //$(".box p").dadeOut(1000)---      
};

slideUp()ドロップダウン、slideDownアップ

/*    */
$("button").eq(2).clicck(function(){
    $(".box p").slideUp()
    //$(".box p").slideUp(1000)---      
};
/*    */ 
$("button").eq(5).click(function () {
    $("div p").slideDown();
});

2、併用---toggle----英語:切り替え

toggle--非表示切り替え

を表示

fadeToggle--フェードインフェードアウト切り替え

slideToggle--プルダウン

toggle()----非表示切り替えを表示

/*        */
$("button").eq(6).click(function () {
    $("div p").toggle();
    //$("div p").toggle(1000);--      
});

fadeToggle------フェードアウト切り替え

/*        */
$("button").eq(7).click(function () {
    $("div p").fadeToggle();
    //$("div p").fadeToggle(1000);---      
});

slideToggle------プルダウン切り替え

/*        */
$("button").eq(8).click(function () {
    $("div p").slideToggle();
    //$("div p").slideToggle(1000);--      
});