jquery

小技集

指定した要素を持つ要素を表すセレクタ

// <tr>...<td class="selected">...</tr> というような<tr>を指定するセレクタ $("table > tbody > tr:has(td.selected)"); // 逆に<tr>...<td class="selected">...</tr> ではない<tr>を指定するセレクタ $("table > tbody > tr:not(:has(td.selected))"); // 逆に<tr>...<td class="selected">...</tr> ではなく、且つ // <tr class="last">でもない<tr>を指定するセレクタ $(…</tr></tr></tr></tr>

動的にformを作成してsubmitする

滅多にないけど、ボタンを押した時に属するformとは別のところにsubmitしたい場合などに使用する。 $(function() { $("#submit_button").click( function() { var $form = $('<form action="a.php" method="POST"></form>'); $form.append('<input type="hidden" name="text1" value="hoge" />'); $form.appendTo(document.body); $form.submit(); return …

ダイアログのリサイズイベントを捕捉する

jqueryui でダイアログを簡単に表示できるんだけど、リサイズに追随してダイアログ内のコンテンツもリサイズしたい時に重宝します。 // ダイアログの初期化 $("#dialog").dialog({ // : // なんやかんや他の初期化パラメータセット // : resizeStart: functi…