アナログCPU:5108843109

ゲームと音楽とプログラミング(酒と女とロックンロールのノリで)

('ω') < イザユケエンジニャー

2018-09-10から1日間の記事一覧

div要素をきれいに並べるのは難しい(floatを使って配置)

CSS

これのfloat版。今回も以下の3つを並べてみます。 <div class="div1">div要素1</div> <div class="div2">div要素2</div> <div class="div3">div要素3</div> .div_common{ margin: 0; padding: 0; color: #FFF; } .div1{ width: 5em; height: 5em; background: #6b8e23; } .div2{ width: 5em; height: 5em; background: #9acd32; } .div…

div要素をきれいに並べるのは難しい(displayを使って配置)

CSS

いろんな方法はあるっぽいけど、とりあえず調べて動かしてみたやつを残しておく。 ブラウザによっては動かないとかあるかも。displayでなくfloatでやるときはこっち。 以下の3つのdivをいろんな並べ方してみます。 (3つと言いつつ、パターンによって親divが…

jQueryで属性とか値とかを書き換える&取得するいろいろ

value値 <input id="sample1" type="hidden" value=""> <script> // value値を「test」に書き換える $("#sample1").val("test"); // value値を取得する(↑で書き換えているので「test」となる) console.log( $("#sample1").val() ); <script> テキスト <span id="sample2">sample2</span> <script> // テキストを「sample2_update」に書き換える $("#sample…

jQueryでclassをもちゃもちゃする

基本編(add, remove, toggle, has) 追加 $(要素).addClass(class名); 削除 $(要素).removeClass(class名); あれば削除、なければ追加 $(要素).toggleClass(class名); あるかどうかを確認 // あればtrue、なければfalse $(要素).hasClass(class名); 実装サン…