-もはや入力チェックやアラートダイアログを出すだけの存在ではない! *便利なライブラリ [#b33761a8] **Prototype.js [#n312497a] 一昔前の主流 **JQuery [#yd9d8996] 2009年現在はこちらのほうがよろしいらしい。 http://www.slideshare.net/hayatomizuno/jquery-7665168 ***onLoadで動かす。 [#k014610b] $(function () { alert('test'); }); ***タイマーを仕込む [#udf36952] setInterval(function(){ alert('test'); },10000); ***指定の要素の数をカウントする。 [#m8797115] if ($('#探したい場所のID .その配下のクラス').length > 0) { alert('test'); } **関数が定義されているかをチェックする [#d37a9ff9] alert(typeof($.cookies.set)); 定義されていればobjectとでる。 **Jqueryのセレクタ [#p1395bd3] -LI要素 $('li') -LI要素かつクラス名hoge $('li.hoge') -LI要素かつIDhoge $('li#hoge') -子孫セレクタDIV contentsのLI $('DIV#contents LI') -子セレクタ DIVの直下のLI $('DIV#contents > LI') -グループセレクタ(カンマで区切る) $('#first, #third") -Aタグのhref要素を回す $("a[href]").each(function(){ } -DIV#hoge以下のAで絞るバージョン $("DIV#hoge a[href]").each(function(){ } -チェックボックスをすべてOFF $("input[type='checkbox']").removeAttr( 'checked' ); -チェックボックスをすべてON $("input[type='checkbox']").attr( 'checked', 'checked' ); -クラス名hoge以下クラス名fuga以下のチェックボックスOFF $(".hoge .fuga input[type='checkbox']").removeAttr( 'checked' ); **属性セレクタ [#i9ddcbf4] -href属性を持つものを取得 $("[href]") -href属性がhogeであるもの $("[href='hoge']") -href属性がhogeで始まる、終わるもの $("[href^='hoge']") $("[href$='hoge']") **フォームの操作 [#i29a493a] -値の取得と設定 $("input").val(); $("input").val("初期値"); **変更関連(フォーカスON,OFF,変更) [#i9dac245] $("input").("focus",function(){}); $("input").("blur",function(){}); $("input").("change",function(){}); **フォーム用のセレクター [#f042c258] input[type='text'] input[type='password'] input[type='radio'] input[type='checkbox'] input[type='submit'] input[type='image'] ***セレクトされたもの、チェックされたもの [#z6c50405] :selected :checked **Joose [#cf2a08b5] *その他 [#ld4fcca9] **Rhino [#qe6c92fe] JavaでかかれたJavaScript実装。J2SE6.0から標準添付