JavaScript / jQuery HTML 元素

jQuery vs JavaScript

jQueryは2006年にJohn Resigによって作成されました。それはブラウザの非互換性を処理し、HTML DOM操作、イベント処理、アニメーション、Ajaxを簡素化することを目指していました。

10年以上にわたって、jQueryは世界で最も人気のあるJavaScriptライブラリの一つでした。

しかし、JavaScript Version 5（2009）以降では、大多数のjQueryユーティリティは数行の標準的なJavaScriptで解決できます：

テキスト内容を設定

HTML 要素の内部テキストを設定：

jQuery

myElement.text("Hello China!");

自分で試してみる

JavaScript

myElement.textContent = "Hello China!";

自分で試してみる

テキスト内容を取得

HTML 要素の内部テキストを取得：

jQuery

var myText = myElement.text();

自分で試してみる

JavaScript

var myText = myElement.textContent || myElement.innerText;

自分で試してみる

HTML コンテンツを設定

要素の HTML コンテンツを設定：

jQuery

var myElement.html("<p>Hello World</p>");

自分で試してみる

JavaScript

var myElement.innerHTML = "<p>Hello World</p>";

自分で試してみる

HTML コンテンツを取得

要素の HTML コンテンツを取得：

jQuery

var content = myElement.html();

自分で試してみる

JavaScript

var content = myElement.innerHTML;

自分で試してみる