jQuery
親タグを追加する。 $(".wrap").wrap("<div />"); $("div.wrap").wrap(“<div>…</div>”) クラス名.wrapのつくタグを<div>で囲む style属性を追加する。 $('要素').css('プロパティ', '値');複数の場合 $('要素').css({'プロパティ':'値', 'プロパティ':'値'});</div></div>
<dl class="dl02"> <dt> <label for="households" class="labe">同居家族：</label> <span class="exa">(3人〜4人)</span> </dt> <dd><select id="households" name="households"> '未選択','1'=>'無し','2'=>'2人','3'=>'3〜4人'); foreach ($people as $key => $value){ echo "<option value=\"".$key."\">".$…</option></select></dd></dl>
■menuクラス直下の子要素dlの子要素 は"＞"を使用します。 $(".menu > dt")■dtと並列要素のddを指定する場合、"next()"を使用します。 $(".menu > dt").click(function(){ $(this).next().slideToggle(); ■thisの子要素を指定する場合。下記の3種類の方法が…
アニメーション初期画面 fadeInボタン、slideDownボタン、右に移動ボタンをそれぞれクリック fadeInボタンで左側のboxが表示されました。 slideDownボタンは、fadeOutボタンに変わり、水色のboxが表示されました。 右に移動ボタンは、紺色のboxが右に移動し…
findメソッドを利用する。 （findメソッドはjQueryオブジェクトの子要素の中から要素を検索するメソッドです。） 用途：div id以下のクラス名を指定したい場合などに利用すると、HTML全体から探すのではなく、id以下から検索するので速度が速くなります。jQu…
JQueryとJSは混ぜて書ける。 JSを複数書くことも可能。 今回は、時刻の表示、入力、ボタンによるリセットをいくつかの方法で行ってみました。 ＜HTML＞ <html lang="ja"> <head> <meta charset="utf-8"> <meta http-equiv="Content-Script-Type" content="text/javascript" charset="utf-8" /> <title>イベント</title> <script src="../../jquery-1.9.1.min.js"></script> </meta></meta></head></html>
jQueryの作法 1.$を有効にするためjQueryを先に読み込ませる。 ＜HTML＞ <script src="../jquery-1.9.1.min.js"></script> <script src="sample.js"></script>2.jQueryで取得した要素オブジェクトと、javascriptで取得したオブジェクトは異なるものである。 ・javascriptのdocument.getElementByTagName⇒NodeList（全ての要素に対する指示はfo…
＜jQueryの利点＞ ・クロスブラウザの処理を内部で行ってくれる。 ・ソースを簡潔に書ける。 （DOMContentLoadedの処理も簡単に複数書ける $(function(){ 〜 } ＜javascript＞ ・window.onload（HTMLの読込が終わってから処理。 1つの処理しかできない＝処理…
