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

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が動かなかった理由

Author Info(オガティ

エンジニアとして勤め、インフラ周りの開発を経た後Web業界へ異動。
プライベートでもブログ「ogatism」の運営や電子書籍の執筆、占星術師としての活動など幅広い分野で活動中。
詳細はこちら

占い鑑定レポート作成サービス受付中

◆ ogatismをFeedlyに登録 ◆
follow us in feedly