hotechq2a

よく使うけど、よく忘れるから、今回は、まとめてみた。 ■ラジオボックスについて ソースコード例） ---- <p class="radio-area">     <input type="radio" name="lang" value="php" id="php">PHP     <input type="radio" name="lang" value="java" id="java">Java </p> ---- まず、ラジオボックスについては、 ＞ラジオボックスの選択 上記ソースコードで、PHPを選択状態にするとき、下記三つの方法がある。 ①$('input[name=lang]:checked').val(['php']); ②$('input[name=lang]:eq(0)').prop('checked', true); ③$('#php').attr('checked', 'checked'); ③がたまに、効かないと、よく、他のブログに見かける情報だけど、実際は、 上記の「①、②」と「③」を分けて使わないといけないらしい。 というのは、 ・「①、②」は、上記のソースコードがすでにレンダリングし、描画された場合に、 使うこと。 ・「③」は、上記のソースコードを動的に生成する際に、使うこと。 ※「①、②」を使っても、効かない。 ＞ラジオボックスの状態取得 上記ソースコードで、phpが選択されている状態だとして、下記の方法で取得できる。 ①$('input[name=lang]:checked').val() === 'php'; ②$('input[name=lang]:eq(0)').prop('checked'); ③$('input[name=lang]:eq(0...

今まで、知らなかったけど、これを機に使い方をまとめてみた。 ■文法 $.extend( [deep], target, object1 [, objectN] ) [deep] trueを指定すると、再帰的に階層の深いプロパティもマージします。 target プロパティをマージする基底となるオブジェクトを指定します。 [object1] マージするためのプロパティを持つオブジェクトを指定します。 [objectN] マージするためのプロパティを持つオブジェクトを指定します。 実例１） var p1 = { id: 1, name: 'TARO' }; var p2 = { name: 'JIRO', age: '18' } $extend(a, b); 結果： { id:1, name: 'JIRO', age: '18' } $.extend(p1, p1) とすることで、p1 に p2 をマージします。 同じプロパティがあれば b の値で上書きされますし、新しいプロパティがあれば追加してくれます。 実例２） また、extend() にはいくつでもオブジェクトを指定可能です。 var p1 = { id: 1, name: 'TARO' }; var p2 = { name: 'JIRO', age: '18' } var p3 = { name: 'SANRO', sex: 'man' } $extend(p1, p2, p3); 結果： { id:1, name: 'SANRO', age: '18', sex: 'man' } 結構、便利な関数だね。 今後、もっと使ってみよ。