タグ

jQueryとDOMに関するkeijixのブックマーク (3)

  • 無職のプログラミング 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オブジェクトが格納されている変数であること」を明

  • IE+jQueryでHTML5新要素のDOM操作

    Updated 2010.07.26 / Published 2010.07.26 jQueryのprepend(), append(), appendTo(), before(), after(), html(), wrap(), wrapInner(), wrapAll()など、指定のセレクタに対してオブジェクトを操作できるメソッドを用いてHTML5の新要素を操作する際は、現行MicrosoftからリリースされているIE8までのバージョンでは、HTML5の新要素が認識できないので注意が必要です。 この罠に嵌ることが想定される事態 HTML5でリニューアルされているサイトが散見されるようになってきた今日この頃ですが、表題の問題で混乱が起こることが想定される事態としては、事前にHTML5の新要素群をdocument.createElement()で作成済みなので、「よし、これでjQuery

    IE+jQueryでHTML5新要素のDOM操作
  • 第7回 JavaScriptとHTMLとDOMの基本#2 イベント編 | gihyo.jp

    こんにちは、太田です。前回はJavaScriptからみたHTMLの基を中心に解説しました。今回はまず、イベントについて解説します。JavaScript、DOMにおいてイベントは極めて重要です。ブラウザ上のJavaScriptでは必ずといってよいほどイベントが絡んでいますし、ウェブアプリケーションをコントロールする根幹的な技術と言えるほどです。 JavaScriptとイベント ブラウザはscriptタグで指定されたJavaScriptを解釈して実行します。その時、関数などを定義するだけにして、実際にその処理が行われるのはユーザーがボタンをクリックした時や、何かを入力した時など、ユーザーの何らかのアクションに関連付けてJavaScriptを実行させることができます。さらには、ユーザーのアクションだけでなく、ページの読み込みや通信処理の完了後など、ブラウザ上で起こるあらゆるイベントについて処理

    第7回 JavaScriptとHTMLとDOMの基本#2 イベント編 | gihyo.jp
  • 1