jQuery

任意の要素から別要素へ相対的にアクセスする

[メモ] 取得したjQueryオブジェクトから、更に相対的に別の要素へとアクセスしたい場合。parent()、parents()、children()、siblings()、prev()、next()等の関数を使用する。パラメータにはjQuery expressionを使用可能。find()は強力。 $(function(){ $('in…

each()使用時のループの抜け方

jQueryにはマッチした全ての要素に対しある処理を実行させるeach()という便利な関数があります。 $('p').each(function(i) { this.html("これは" + i + "番目の" + this + "です。"); });要するにfor文のような働きをするものですね(thisは個々のエレメント…

jQueryを使ってみよう その4

All Aboutの「スパムを防ぐ!メールアドレスの公開方法」を読んで、jQueryを使った別の方法を考えてみました。まずこの記事の対策1にあるように、メールアドレスはHTMLに直接テキストで記述するのではなく、代わりにメアドを記した画像を表示させるようなタ…

jQueryを使ってみよう その3

jQueryのノード取得についての続きです。まずはとんでもない勘違いのままエントリーしてしまった前回の最後の項目の説明から始めたいと思います。以下のようなDOMがあるとします。 <div> <p>段落A1</p> <p>段落A2</p> <p>段落A3</p> </div> <div> <p>段落B1</p> <p>段落B2</p> <p>段落B3</p> </div> <div> <h2>見出しC1</h2> <ul> <li>項目C1</li> <li>項目C2</li> </ul> <p></p></div>…

jQueryを使ってみよう その2

前回はjQueryのDOMオブジェクトの参照について中途半端にエントリーしましたが、続きを書く前に、実践的な使用例をご紹介してみようと思います。これは自社サイトのリニューアルの際に、SEOキーワードのテキストを、クライアント側で動的に画像として表示さ…

jQueryを使ってみよう その1

「AIR Developer's Night」で、業界は既に物凄い勢いで走り始めてしまっているという事実を体感しガクブルの僕ですが、最近はActionScriptではなくて、JavaScriptばかり書いてます。お蔭様で(←これちょい皮肉含む)ようやくjQueryの素晴らしさが分かってきま…