jqueryキュー関数の使用例example_jquery

この記事の例では、jquery キュー関数の使用法について説明します。皆さんの参考に共有してください。具体的な実装方法は以下の通りです。

コードをコピー コードは次のとおりです:

<頭>




<スタイル>
div { マージン: 3 ピクセル; 高さ: 40 ピクセル;
位置: 絶対; 上: 30 ピクセル; 背景:緑; 表示:なし; div.newcolor {背景:青}

ここをクリック...

<スクリプト>
$(document.body).click(function () {
$("div").show("slow");
//$("div").slideDown();
$("div").animate({left:' =200'},2000);
$("div").queue(function () {//Queue
$(this).addClass("newcolor");
$(this).dequeue();//デキュー
});
$("div").animate({left:'-=200'},2000);
$("div").queue(function () {//Queue
$(this).removeClass("newcolor");
$(this).dequeue();//デキュー
});
$("div").slideUp();
});

この記事が皆さんの jQuery プログラミングの学習に役立つことを願っています。