タブレットでもdraganddropを実現可能とするライブラリ jQuery UI Touch Punch

百聞は一見に如かず。ということで、以下サイトのデモサイトをご覧ください。

http://touchpunch.furf.com/

タブレット (xperia tablet z)でも、問題なく操作できました。

jqueryuiでは、タブレット対応していないので（２０１４年１０月現在)、
タブレットでドラッグアンドドロップを対応するための選択肢の一つかと思います。


タブレット、スマートフォン対応のライブラリ系は他にもあるとは思いますので
随時更新していきたいと思います。

jquery 1行tips (入門編

自分用メモです。

select要素の値を設定する

$("select[name='selectname']").val(値);

イベントのバインド

$("#button").bind("click", function() {/*実行処理*/;});

要素の列挙(each)

$("select[name='selectname'] option").each(function()
{
    alert($(this).val());
});

select要素の指定値を削除

$("select[name='selectname'] option[value=1]").remove();

配列の中を検索して結果を返す

var arr = [ 4, "Pete", 8, "Pete", "John" ];
if (jQuery.inArray("Johnnn", arr)
{
    alter('not Found');
}

要素のコピー

$("#BackupArea").append($("select[name='MARKETCD']").clone(true););

要素のコピー(応用)

$("input[name='buttonname']").after('<div id="customBackupArea" style="display:none"></div>');
var backupElm = $("select[name='MARKETCD']").clone(true);
backupElm.attr('name','MARKETCD_BAK');
$("#customBackupArea").append(backupElm);

ラジオボタンの選択

$("input[name='name']").val(['0']);

ラジオボタンで選択されているものを取得

$("input[name='name']:checked").val();