jQuery

【jQuery】serializeとserializeArray関数の使い方

jQuery の serialize と serializeArray 関数の使い方です。

はてなブログにTOPに戻るボタンを追加する方法

ブログにTOPに戻るボタンを追加しました。最近は過去に書いていた、はてなブログのデザイン関連の記事が意外と読まれてるようなので、そういった記事もなるべく書いていこうと思います。

【jQuery】要素のスクロールイベントについて(scroll, scrollTop, scrollLeft)

jQueryでスクロール時に発生するイベントや、スクロール位置の取得等についてまとめました。

【jQuery】要素の表示・非表示について (show, hide, toggle)

jQueryで要素の表示・非表示を切り替える方法についてです。

【jQuery】複数の要素・配列に対して処理をするmapの使い方

以前 jQuery の繰り返し処理について書きましたが(【jQuery】複数の要素に対して繰り返し処理をする(each・for) - TASK NOTES)、もうひとつ map というメソッドがあります。これは単純な繰り返し処理用ではないので前回のエントリからは外しましたが、使…

【jQuery】HTMLの取得と書き換えについてhtml( )とtext( )の違い

仕事で古いコードを見てたらエスケープしないといけない所でjQueryのhtml( )を使ってたりしてたので、text( )との違いなどをまとめておきたいと思います。基本的な使い方からおさらいします。

【jQuery】複数の要素に対して繰り返し処理をする(each・for)

HTMLで特定の要素を全て取得して回したい場合はJavaScriptなどで繰り返し処理をしますが、jQueryを使った場合の方法をまとめます。 対象としてはこのようなHTMLの場合です。 <div class="comment">コメント1</div> <div class="comment">コメント2</div> <div class="comment">コメント3</div> ... .each()メソッド jQueryで繰り返しといえばeac…

【jQuery】$(ドルマーク)の意味

jQueryを使っていると$(ドル)って何だろう?と疑問が出てくると思います。気にしないならそれもいいんですが、私は仕事でコードを見ていた時に$(function(){〜})という記述とjQuery(funtion(){〜})という記述を見つけた時に初めて調べました。 結論から言う…

【jQuery】実行タイミングの違い

jQuery(JavaScript)が実行されるタイミングには以下の3種類があります。 パターン1.$(window).load(function() { }); パターン2.$(document).ready(function() { }); パターン3.インライン サンプルHTML 各パターンのタイミングを確認するために、以下のサ…

【jQuery】セレクタについて

jQueryを使う際に必要となるセレクタについてです。 セレクタとは処理対象となるDOM要素を指定する記法で、CSSでも馴染みのある書き方ですね。これを知ってないと始まらないので基本的なパターンをまとめていきます。 セレクタ この3種類が基本となります。…

【jQuery】使い方入門

jQueryとはJavaScriptライブラリの1つです。と聞くと私も最初驚いたんですが、これだけメジャーになってくると一つの言語みたいなイメージですよね。慣れてくると非常に便利なライブラリなのでまずは導入から使い方までを書いていきます。 jQueryの入手 公式…