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のエラーが発生した時