Image

TECH I.S.

TECH I.S
TECH I.S
TECH I.S
TECH I.S

JavaScript/jQuery DOMセレクター

jQueryとJavaScriptの比較

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

ただし、JavaScriptの後バージョン5(2009)によると、ほとんどのjQueryユーティリティは、数行の標準 JavaScriptで解決できます。

IDによるHTML要素の検索

id="id01"の要素を返します。

jQuery

myElement = $("#id01");

JavaScript

myElement = document.getElementById("id01");

タグ名によるHTML要素の検索

すべての<p>要素を返します。

jQuery

myElements = $("p");

JavaScript

myElements = document.getElementsByTagName("p");

クラス名によるHTML要素の検索

class="intro"を持つすべての要素を返します。

jQuery

myElements = $(".intro");

JavaScript

myElements = document.getElementsByClassName("intro");

CSSセレクターによるHTML要素の検索

class="intro"を持つすべての<p>要素のリストを返します。

jQuery

myElements = $("p.intro");

JavaScript

myElements = document.querySelectorAll("p.intro");



プログラミング学習を加速させる

プログラミングをプロの講師に教えてもらいませんか。

テックアイエスのプログラミングスクールは初心者も大歓迎です。年齢制限もありません。転職・副業に強く、挫折させない手厚いサポートで稼ぐ力を身につけましょう！

スクールの詳細

チュートリアル