IT Office Nishimiyahara

個人用スマホから商用プログラミングまでなんでもお任せ下さい

jQueryで追加する部分だけにエフェクトをかける方法を覚えた

      2014/05/14

色々と駆使して今更チャットを作ってみたわけですが、適当に追加していると、本当に追加されているのかよく分からない場合があります。
元々はこんな感じです。

で、それを以下のようにやってみました。

fadeInだけだと、エフェクトがかからないので一旦hideしてやらないといけないようです。
ただ、これだと今までに書いてある記事もすべて消えてから、全体にfadeInがかかるのでいまいちな感じです。
新しく追加する部分だけにエフェクトが欲しいと思って調べてみたところ、ありました。

すでにある要素に新しい記事を挿し込む、という順序ではなく、新しい記事をすでにある要素に挿し込む、という順序でやれば、新しい記事だけにエフェクトを掛けてやることが可能でした。
どちらを主体にするかでエフェクトの範囲を決めることができます。
リファレンスを見ていると、appendToとかprependToとかをどういう風に使うのか不思議だったのですが、ようやく使い方を発見した感じです。
これは、なかなか良いですね。

respo

respo link

ZenBackWidget

 - 情報技術について