【IT支援部】jQueryのセレクタの基本

Author:

jQueryのセレクタにおける基本的なところを説明します。

普通にヘッダーにscript type=”text/javascriptで書けばいいのですが、ちょっと癖があります。

$(function() {
});

こういう書き方でdocument.onload()と同じ意味に使います。
んで、
$(“p”).click(function(){});
こんな書き方をすると、pタグをクリックした時にfunctionが呼ばれます。
当然変数を指定することもできます。こんな感じに。
fff = function xxx(){};
$(“div”).click(fff);

複数あるタグはIDとかクラスとかも指定出来ます。
/* div class=”main”となっているタグ */
$(“div.main”).click()
/* div id=”main”となっているタグ */
$(“div#main”).click()
/* div配下のliタグ */
$(“div li”).click()

何番目、というのも指定出来ます。
/* 最初のdiv */
$(“div:first”).click()
/* 最後のdiv */
$(“div:last”).click()
/* 奇数のdivすべて */
$(“div:odd”).click()
/* 偶数のdivすべて */
$(“div:even”).click()

関連記事

jQueryを使ってみる
jQuery(find、children)
jQueryが動かなかった理由

Facebook にシェア
Pocket