webかたつむり ウェブデザインを勉強中 ウェブ初心者のおぼえがき

webかたつむり

ウェブデザインを勉強中

2016-05-19から1日間の記事一覧

traversing

Traversing | jQuery API Documentation

$('+dd',this) セレクタの第2引数について

セレクタで選んだ要素を、jQueryオブジェクトに変換する。 取得した要素に、メソッドで処理をする。 $('セレクタ','コンテキスト').メソッド(''); contexの意味がわかりませんが… $("A","B")というのは、どうやらBの中のAということ、らしい。 対象(オブジ…

jQuery クリックすると箱の状態が変わる

http://ohtafelica.webcrow.jp/20160519/index01.html 箱を3つ作ります(初期状態) 冒頭からつまずく。原因は、#div1{margin-left: none;} という記述。 noneは使えません。 <body><div id="container"><div id="div1" class="box">div1</div><div id="div2" class="box">div2</div><div id="div3" class="box">div3</div></div> jQueryを使って、箱を操作する。(最終形) まず、$(fun…</body>

jQuery セレクターのまとめ 3

擬似クラス これまでは、放置していた言葉の定義をこの辺りできちんと理解しておきたいところですが… いったい、要素に対する「擬似クラス」とは、なにか? 要素の、状況に応じたクラス分け。定まっていない、状況に対するクラス分け。 正式なクラスは「.(…

jQuery セレクターのまとめ 2

<div id="container"><dl><dt class="top">111</dt><dd class="top">222</dd><dt class="middle">333</dt><dd class="middle">444</dd><dt class="last">555</dt><dd class="last">666</dd></dl></div><script>$(function(){$("dl>dd").css("color", "red");});</script> 子セレクター $("dl>dd").css("color", "red");と記述すると… dl…