jQuery

cookieを簡単に扱うプラグイン

jquery.cookie.js http://plugins.jquery.com/project/Cookie クッキー名をhogeとして値を設定する $.cookie('hoge', 'aho'); クッキー名がhogeの値を取得する $.cookie('hoge');

JQuery HowTo

JQuery HowTo http://jquery-howto.blogspot.com/

$.ajaxを使った簡単なPOST送信とレスポンスの受け取り

index.html <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(function(){ $('#sw').click( function(){ $.ajax({ type: 'post', url: 'post.php', data: { 'pd': 'nandeyanen' }, success: function(data){ alert(data); } }); } ); }); </script> </head> </html>

特定のIDのついたHTMLタグに挟まれているものを取得する

jQueryで特定のIDのついたHTMLタグに挟まれているものを取得するコード。 $('#hoge').html();

子要素にアクセスする

$('#hoge').children().attr('src'); もっと子要素にアクセスすることもできる。 $('#hoge').children().children().attr('src');

valueを取得する

idがhogeに設定されているタグのvalueを取得する。 $('#hoge').val();

画面全体を暗くする

lightboxなどのjavascriptでダイアログボックスを表示させるようなものは多くの場合、ダイアログボックス以外のエリアが暗くなり目立つようになっている。 この暗くする機能を実現したかったのだが、どのようにしたらよいか考えたところ透明度を設定した画面…

属性値の書き換え

クラスhoverが設定されたimgタグのsrc属性を書き換える例 $('.hover').attr('src', 'hoge_on.jpg'); ちなみに属性値を取得するだけであれば第2引数を省けば良い。 $('.hover').attr('src');

配列に格納されている値の中で重複している値を削除する

arrを配列とすると、 $.unique(arr); ユニークな値のみが格納された配列が返される。

n番目の要素にアクセスする時の記述方法について

下記だとうまくいかない。 $('.hoge')[n].show(); 下記だとうまくいく。 $('.hoge').eq(n).show(); 違いを調べたい。