jQueryセレクタメモ

セレクタ.js

セレクタ例

$("p"); // 要素（タグ）指定
$("#id")// id指定
$("input[name='hoge_name']") // name指定
$(".className"); //クラス指定

$("#id, .className "); //OR指定 、複数指定カンマで区切る

$("a[target='_blank']"); //例：リンクの_blankを選択

$("input[name*='hoge']") //部分一致
$("input[name^='hoge']") //前方一致
$("input[name$='hoge']") //後方一致

//and検索
$(".focus_tab.focus_first")　//focus_tabかつfocus_firstクラスである要素を取得、（注意：スペースを空けない）

//階層構造によるセレクタ
$(".contents_detail  .detail_row");

//階層構造によるセレクタ（直下のみ）
$(".contents_detail > .detail_row ");
$(".detail_table > tbody > tr ");

//他
$('input[type="checkbox"]:checked'); 
$('input[name='hoge']:hidden');
$('div:visible');

//最初の1件のみ取得
$('.detail_row:first');

※↓未検証
//html5,データ属性 （data-rowIndexと指定した例）タイムリーフでは(data-th-rowIndex)
$('.detail_row:first').attr("rowIndex");
$($('.detail_row')[1]).attr("rowIndex");
※↑未検証

イベント引数.js

blur    要素がフォーカスを失った時に発生
focus   要素がフォーカスを得た時に発生
load    ドキュメント内の全リソースの読み込みが完了したときに発生
resize  windowの大きさが変更された時に発生
scroll  ドキュメントがスクロールした時に発生
click   クリックされた時
dblclick    ダブルクリックされた時
mousedown   要素上でマウスが押された時に発生
mouseup 要素上でマウスが押され、上がった時に発生
mousemove   要素上でマウスが移動している時に発生
mouseover   マウスが要素に入った時に発生。子要素でも発生
mouseout    マウスが要素から外れた時に発生。子要素でも発生
mouseenter  マウスが要素に入った時に発生。子孫要素に入った時には発生しない
mouseleave  マウスが要素から外れた時に発生。子孫要素から外れた時には発生しない
change  要素がフォーカスを得て値の修正が完了した時に発生
select  type属性値が”text”のinput要素、textarea要素のテキストが選択された時に発生
submit  フォームが送信された時に発生
keydown キーが押し下げられた時に発生
keypress    キーが押された時に発生
keyup   キーが上がった時に発生
error   javascriptのエラーが発生した時