Category: jquery

7月 26 2011

jQuery mobile で ajax 遷移を無効にする

jQuery(document).bind("mobileinit", function(){
    jQuery.mobile.ajaxEnabled = false;
});
4月 25 2011

jqueryで特定の要素を除外する

jQuery(".class").not("#id").hide()

これでクラスがclassでIDがid以外の要素を非表示にできる。

3月 07 2011

jqueryでクラスを削除する

div p span input selectだろうがなんだろうが特定のクラス名を削除したいって時に。。。。
よく使うのは入力フィールドにエラーがあった場合そこを分かりやすくするためにaddClass(‘error’)なんてして色付けした後にとかにそのclass=”error”はinputについているのかselectについているのか???
調べるのも面倒くさいので一括で削除したい!!!

そんなときに便利なのを発見。

jQuery(“*”).removeClass(“error”);

これだけで良いみたい。

3月 19 2010

簡単にドラッグ

Jqueryで簡単にドラッグを実現!

<script type="text/javascript" src="パス/jquery-1.2.3.min.js"></script>
<script type="text/javascript" src="パス/jquery.dimensions.js"></script>
<script type="text/javascript" src="パス/ui.mouse.js"></script>
<script type="text/javascript" src="パス/ui.draggable.js"></script>
<script type="text/javascript" src="パス/ui.draggable.ext.js"></script>

それぞれダウンロードしておきhead内で読み込む。

ドラッグさせたい対象に

<div id='target'>ドラッグできる<div>
<script type="text/javascript">
    $('#target').draggable();
<script>

<<参考サイト>>
http://www.atmarkit.co.jp/fwcr/rensai/ajaxrecipe05/ajaxrecipe05_1.html

2月 12 2010

Jqueyでselectの値を取得

Jqueryを使って簡単にselectで選択されている値を取得。

<select id="test">
<option value="a">あ</option>
<option value="i">い</option>
</select>

以下のように取得

$('#test option:selected').text();

$('#test option:selected').val();

<<参考サイト>>
http://hatirobei.at.webry.info/200909/article_1.html