タグ

domに関するkyouzontのブックマーク (2)

  • 無職のプログラミング jQueryでDOM要素を作成し、DOMツリーを構築する方法

    「jQuery DOM ツリー 構築 or 生成」などで検索しても、jQueryでDOM要素を作成/生成し、DOMツリーを1から作る方法が出てこなかったので、せっかくだから基礎の基礎をまとめてみる。 1)jQueryオブジェクトを作る jQueryオブジェクトとは、jQueryの関数(メソッド)が使用できるDOM要素(またはその配列)のこと。DOMツリーに含まれてない要素も含む。 jQueryオブジェクトは、セレクタで抽出して取得することが多いが、1から作ることもできる。 jQueryオブジェクトの作成には、$()関数を使用する。 <例> // <div></div>という要素のjQueryオブジェクトを作成し、$jqObjに格納する var $jqObj = $("<div/>"); 変数名の先頭に $ をつける必要は無いが、「jQueryオブジェクトが格納されている変数であること」を明

  • 知っておくべきjQueryオブジェクトの扱い :: 5509

    jQueryオブジェクトからDOM要素にアクセスする方法やメソッドで渡されるjQueryオブジェクトの扱いなど基といえば基ですが、再認識メモです。なので、タイトルは自分に覚えとけよってことです。。 jQueryオブジェクトからDOMにアクセスする $(‘#id’)にすれば#idを取得できますが、この状態だとDOM要素を選らんでいる状態ではないので、DOM要素のプロパティにはアクセスできません。 $('#link').href // これは無理 1-1. $()[0] 要素を引数にしたjQueryオブジェクトはDOM要素が配列で格納されている状態なので $('#link')[0] // DOM要素の参照になる console.debug($('#link')[0]); // 評価結果 - DOM要素 // とすることで配列の中からDOM要素を指定することができるので、プロパティにアクセス

  • 1