ホームページ > ウェブフロントエンド > フロントエンドQ&A > jQueryのdomは何を意味しますか

jQueryのdomは何を意味しますか

WBOY
リリース: 2022-06-24 16:49:45
オリジナル
2078 人が閲覧しました

jquery では、dom は「Document Object Model」を意味し、「Document Object Model」の略語です。これは W3C 国際機関の一連の Web 標準であり、dom は HTML ドキュメントにアクセスするための一連のプロパティを定義します。オブジェクト、メソッド、イベントを JavaScript で使用して、HTML、XHTML、および XML ドキュメントを読み取り、変更できます。

jQueryのdomは何を意味しますか

このチュートリアルの動作環境: Windows10 システム、jquery3.6.0 バージョン、Dell G3 コンピューター。

jquery における dom の意味

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のdomは何を意味しますか

ビデオ チュートリアルの推奨事項:jQuery ビデオ チュートリアル

以上がjQueryのdomは何を意味しますかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート