<p>Hello</p><p>2nd Paragraph</p> var p = $("p:last"); var offset = p.offset(); p.html( "left: " + offset.left + ", top: " + offset.top );
p { margin: 4px; font-size:16px; font-weight:bolder; } .blue { color:blue; } .under { text-decoration:underline; } .highlight { background:yellow; } <p class="blue under">Hello</p> <p class="blue under highlight">and</p> <p class="blue under">then</p> <p class="blue under">Goodbye</p> $("p:even").removeClass("blue");
HTTP(GET)HTTP通信(GET)で、ローカルのJavaScriptファイルを読み込み、実行する。 jQuery1.2以前では、getScriptは同ドメイン内のスクリプトを読み込むだけだったが、jQuery1.2では別のドメインのJavaScriptを読み込む事もできるようになった。。 【注意】Safari2とそれ以前のバージョンでは、global context 内でスクリプトを同期で評価することはできないので、後で呼び出すこと。
要素を指定した他の要素の後に挿入する。 例えば $(A).after(B) とした場合にAの後にBが挿入されるのに対して、$(A).insertAfter(B) ではBの後にAが挿入される。 両方のサンプルを見て、違いに注意すること。
要素集合のうち、1つでも条件式に合致する要素があればtrueを返します。 もし何の要素も一致しないか、条件式が不正であればfalseが返されます。 jQuery 1.3からは、引数に全てのセレクター書式が指定できるようになりました。例えば"+"や"~"、">"のような以前は常にtrueを返していた階層構造を示す書式も、きちんと評価されます。 内部的にfilterを使っているので、条件式のルールは同じになります。 divがクリックされた場合に、以下のルールでメッセージを表示。 要素が最初の子要素である → “It's the first div” blueもしくはredというクラスを持っている → “It's a blue or red div” “Peter”という文字列を含む → “It's Peter!” 上記以外 → “It's nothing special” <div></div
jQuery 1.3より実装。 イベントに対してハンドラを登録します。 登録されたイベントは、現在および将来的にも、セレクタにマッチする全ての要素に適用されます。 カスタムイベントに対してbindすることも可能です。 この関数で指定できるイベントは、次の通りです: click, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, keydown, keypress, keyup 現時点ではサポートしていないイベントは、次の通りです: blur, focus, mouseenter, mouseleave, change, submit bindとほぼ同様の関数ですが、ハンドラ登録時にマッチする要素だけでなく、永続的にイベント発生時点でマッチする要素に反応する点が異なります。 例えばli要素に対してclickイベントを登
<button>Toggle</button> <p>Hello</p> <p style="display: none">Good Bye</p> $("button").click(function () { $("p").toggle(); });
HTTP(GET)通信でページを読み込みます。 シンプルなGETリクエストを送る簡単な方法で、複雑な$.ajax関数を使わずにサーバと通信ができます。通信の完了時に実行される関数を引数で指定することも可能ですが、これは成功時のみ実行されるので、失敗時と成功時の両方をカバーするには、$.ajaxを使う必要があります。
<p> Hello, <span>Person</span> <a href="javascript:;">and person</a> </p> <button>Call empty() on above paragraph</button> $("button").click(function () { $("p").empty(); });
要素の中身を他の要素に追加する。 例えば $(A).append(B) とした場合にAにBが追加されるのに対して、$(A).appendTo(B) ではBにAが追加される。 両方のサンプルを見て、違いに注意すること。
要素集合から引数にインデックスを指定し、ひとつだけの要素を選択する。 インデックスは0から全要素数-1までの連番。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く