Empfohlen
Weitere ähnliche Inhalte
Mehr von densan_teacher
Mehr von densan_teacher (18)
第十二回ネットワークチーム講座資料
- 2. 目次 • DOMツリー • Canvasによる図形描画とpng保存 • 基本的なjQueryメソッド
- 4. 階層構造 （第五回の復習） ツリー構造ともいう。 以前紹介した通り、HTML文書は以下のような構造をとっている。 table tr thead tbody tr th thth td tdtd tr td tdtd
- 10. 書いてみよう
- 11. 書いてみよう
- 12. 結果
- 15. readyイベント DOM要素全てが読み込まれたとき実行されるjQueryイベント。 以下のように記述して使用する。 「処理」には殆どの場合、無名関数「function () { }」を指定する。 $( 処理 ); jQuery(document).ready( 処理 );
- 19. FileList
- 21. コンストラクタ • コンストラクタの呼び出し （インスタンスの生成） function 名前(引数）{ this.キー = 初期値; } 名前.prototype.メソッド = function() { 処理 }; • コンストラクタの宣言 var inst = new 名前();
- 22. イベントオブジェクト イベントに関する情報が格納されたオブジェクト addEventListenerメソッドやonメソッドで作製したイベントリスナー で指定した関数の第一引数に自動的に渡される。
- 23. onメソッド 対象としたjQueryオブジェクトに対して指定したイベントが起こった時、 特定の処理を実行するメソッド。イベントは複数指定することが出来る 他、セレクタとデータは省略できる。 • セレクタ…処理を行う要素を指定（省略の場合、対象に処理を行う） • データ…イベントオブジェクトの要素として渡される $(対象).on(“イベント名”, “セレクタ”, データ,処理);
- 24. .attrメソッド jQueryのメソッドの一つ。指定した要素の属性とその値を取得・設 定することが出来る。 1. セレクタで指定した要素の属性値を取得 2. セレクタで指定した要素の属性値を設定 $(“セレクタ”).attr(“属性名”, “属性値”); $(“セレクタ”).attr(“属性名”);
- 25. .cssメソッド jQueryのメソッドの一つ。CSSプロパティの値を取得・設定すること が出来る。 1. セレクタで指定した要素のプロパティの値を取得 2. セレクタで指定した要素のプロパティの値を設定 $(“セレクタ”).css(“プロパティ名”, “プロパティ値”); $(“セレクタ”).css(“プロパティ名”);
- 26. .htmlメソッドと.textメソッド jQueryのメソッドで、HTMLとテキストをそれぞれ取得・編集できる。 1. セレクタで指定した要素の値を取得 2. セレクタで指定した要素の値を設定 $(“セレクタ”).html(“HTML文”); $(“セレクタ”).html(); $(“セレクタ”).text(); $(“セレクタ”).text(“テキスト”);
- 28. おしまい 次回は今までの復習です