ホームページ >ウェブフロントエンド >フロントエンドQ&A >jQueryのdomは何を意味しますか
jquery では、dom は「Document Object Model」を意味し、「Document Object Model」の略語です。これは W3C 国際機関の一連の Web 標準であり、dom は HTML ドキュメントにアクセスするための一連のプロパティを定義します。オブジェクト、メソッド、イベントを JavaScript で使用して、HTML、XHTML、および XML ドキュメントを読み取り、変更できます。
このチュートリアルの動作環境: Windows10 システム、jquery3.6.0 バージョン、Dell G3 コンピューター。
jquery における dom は、W3C 国際組織の一連の Web 標準であるドキュメント オブジェクト モデルを指します。 HTML ドキュメント オブジェクトにアクセスするためのプロパティ、メソッド、イベントのセットを定義します。
DOM とは何ですか?
ページ上の何かを変更するには、JavaScript が HTML ドキュメント内のすべての要素にアクセスする必要があります。このエントリは、HTML 要素を追加、移動、変更、削除するためのメソッドおよびプロパティとともに、ドキュメント オブジェクト モデル (DOM) を通じて取得されます。
1998 年に、W3C は DOM 仕様の最初のバージョンをリリースしました。この仕様により、HTML ページ内のすべての個々の要素へのアクセスと操作が可能になります。
すべてのブラウザがこの標準を実装しているため、DOM 互換性の問題を見つけることはほとんど不可能です。 DOM を JavaScript で使用すると、HTML、XHTML、および XML ドキュメントの読み取りと変更を行うことができます。
HTML-DOM
HTML-DOM JavaScript と DOM を使用した HTML ファイルのスクリプトの作成 、 HTML-DOM には固有の属性が多数あります。HTML-DOM の出現は DOM Core よりもさらに早く、さまざまな HTML 要素の属性を記述するためのより簡潔な表記法が提供されています。
例: HTML-DOM を使用してフォーム オブジェクト メソッドを取得します: document.forms
CSS-DOM
CSS-DOM は CSS 用です操作する。 JavaScript における CSS-DOM テクノロジの主な機能は、スタイル オブジェクトのさまざまなプロパティを取得して設定することです。スタイル オブジェクトのさまざまな属性を変更することで、Web ページにさまざまな効果を与えることができます。
要素のスタイル オブジェクトのフォントの色を設定するメソッド: elements.style.color = "red";
JQuery での DOM 操作
ノードの検索
要素は text() メソッドを通じて HTML コンテンツを読み取ることができます。これは以下と同等です。 DOM innerHTML 属性
$(function(){ var $para = $("p"); // 获取<p>节点 var $li = $("ul li:eq(1)"); // 获取第二个<li>元素节点 var p_txt = $para.attr("title"); // 输出<p>元素节点属性title var ul_txt = $li.attr("title"); // 获取<ul>里的第二个<li>元素节点的属性title var li_txt = $li.text(); // 输出第二个<li>元素节点的text });
ノードの挿入
ビデオ チュートリアルの推奨事項:jQuery ビデオ チュートリアル
以上がjQueryのdomは何を意味しますかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。