メン醤のjQuery workshop

jQueryの小技などのサンプルをコード例として紹介するブログです。ネイティブJavaScriptから移行したいjQuery初心者向け、jQueryの魅力を知ってもらえたら。

2016-01-01から1ヶ月間の記事一覧

$.ajaxでステータスコード200なのにerrorで処理される

掲題の通りの現象なのですが、 $.ajaxでアクセス自体はstatus 200で返っているのに errorが呼び出されることがありました。 例だと dataType:'xml' でアクセスしていることがわかると思います。 レスポンスがjsonの場合は dataType:'json' と書かないと erro…

HTML5の<input type="number" />をjQueryで値取得した場合

HTML5には <input type="number" /> が追加された このような感じで書けるんです。 min,max設定ができたり、上下キーでインクリメント/デクリメントできるのが良いですね。 jQueryで値取得すると typeofで取っても

jQuery 2.2/1.12の新機能を試す(uniqueSort編)

名前変わっただけ 新機能…といってもuniqueSortに関しては unique()のわかりやすさのために追加された同じ動作のメソッド なんですよね。 unique() と uniqueSort() で動きが変わらないことが確認できると思います(笑) 公式では uniqueSort() の使用が推奨さ…

jQuery 2.2/1.12 リリース概要

jQuery 2.2 / 1.12 に加えて、jQuery Migrate 1.3.0 がリリースになっています。 jQuery 2.2 and 1.12 Released | Official jQuery Blog jQuery Migrate 1.3.0 Released | Official jQuery Blog まとめると 何かの機能が使えなくなるということはなく、 次に…

jQuery 2.2/1.12の新機能を試す(Symbol/iterator編)

jQuery 2.2 / 1.12 が2016/1/8にリリースされてました。 その中の新機能の1つであるES6/ES2015のSymbol/iteratorを書いてみました。 for (要素 of 配列) で書けるようになりましたね!

セレクターでカンマ(,)を使う際のちょっとした注意点(優先度)

HTML たとえばこんな感じでテーブルが2つある場合に class="target"内のth,tdに何か処理をしたい なんてことがあると思います。 JS その場合、カンマで区切って記載することになると思いますが ここで $('.target th, td') なんて書いてしまうと、先にカンマ…

Bootstrapのファイル選択をカッコ良くする

Bootstrap、便利なんですが <input type="file" /> だけなぜかイケてないんですよね。 そこで、比較的簡単によりBootstrapっぽくカッコ良くなる実装をしてみました。 HTML JS 方針 本体そのものをstyle="display:none;"で隠す。 その代替として、アイコン付きreadonlyテキストボッ…