JavaScript / jQueryDOMセレクター
jQueryとJavaScript
jQueryは、2006年にJohnResigによって作成されました。これは、ブラウザーの非互換性を処理し、HTML DOM操作、イベント処理、アニメーション、およびAjaxを簡素化するように設計されています。
10年以上の間、jQueryは世界で最も人気のあるJavaScriptライブラリです。ただし、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");