jQueryに関するnoplan1989のブックマーク (4)

  • jQueryで変数にいれたDOMを結合する方法 | Web備忘箱

    var $dom1 = $('#dom1'); var $dom2 = $('#dom2'); ↓この状況を作りたい。 var $dom3 = $('#dom1, #dom2'); 解決方法 var $dom1 = $('#dom1'); var $dom2 = $('#dom2'); var $dom3 = $dom1.add($dom2);

  • jQuery.Deferredをちゃんと理解する - とある角度から

    ちゃんと理解するために、ちゃんと説明してみた。 jQuery.Deferredは、タスクを管理する仕組み jQuery.Deferredでできることは、以下のような事です。 お仕事の約束をする お仕事が終わったら結果を受け取る 受け取った結果を元に次の作業をする これって、タスク管理ですね。 自分としてはこの書き方が一番理解しやすい気がします。 実は、jQuery.ajax()も内部でDeferredオブジェクトを使っています。 でも、古いjQueryをサポートするために、Deferredオブジェクトを使わない書き方も出来ちゃいます。 Deferredオブジェクトを使わない場合と、使う場合で書いてみます。 Deferredオブジェクトを使わない 従来の、コールバックに次の処理を書いてく感じです。 読み込むURLが増えれば増えるだけ死にたくなります。 Deferredオブジェクトを使う jQ

    jQuery.Deferredをちゃんと理解する - とある角度から
  • jQuery.Deferredでわかりやすく順番にアニメーションする方法 | スターフィールド株式会社

    以前の記事(コチラ→jQueryで順番にアニメーションする方法を考える)で、コールバック関数とdelay()を使って、順番にアニメーションする方法をご紹介しましたが、 今回はjQuery Defferdを使って、処理する順番をよりわかりやすくしてアニメーションする方法をご紹介いたします。 jQuery Defferdの使い方については、コチラのサイトを参考にさせていただきました→「爆速でわかるjQuery.Deferred超入門」 前回の方法を使った場合、並べるアニメーションの数が少ない場合は問題ありませんが、 並べるアニメーションの数が増えてきた場合は、 コールバック関数の中にコールバック関数があるという入れ子の状態が多重になり、 とてもプログラムとして見にくいものとなります。 また、順番を入れ替える必要が出てきたときにも、書き換える作業が煩雑になってしまいます。 その問題を解決してくれ

  • 【jQuery】ページ内リンクをするするーっとスムースにスクロールするJavascript | KLUTCHE

    最近ではページ内でリンクを飛ばす際には当然の仕様となっているスムーススクロールを簡単なタグで実現します。 どうだい?スムースだろ? デモページ 個人的にこの動きが大好きです。 1時間くらいならずっとスクロールを見ていられます。 の時なら半日はいけます! HTML <a href="#bottom">下へスムース!</a> なにも工夫しなくて良いです。 ただ#をつけてアンカーポイントへリンクを貼るだけです。 jQuery依存のスクリプトなので、head内でjQueryを呼び出しましょう。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> その後に以下のスクリプトを書きます。 <script type="text/java

  • 1