ホームページ  >  記事  >  ウェブフロントエンド  >  jQuery DOM 操作の概要と example_jquery

jQuery DOM 操作の概要と example_jquery

WBOY
WBOYオリジナル
2016-05-16 18:37:17729ブラウズ

DOM 操作の分類: DOM CORE (コア)、HTML-DOM および CSS-DOM
1. DOM コア
DOM コアは JavaScript に限定されるものではなく、DOM をサポートするあらゆるプログラミングに対応します。それを使ってください。

その使用は Web ページの処理に限定されず、JavaScript の

getElementById()、getElementByTagName() などのマークアップ言語で記述されたドキュメントの処理にも使用できます。 、getAttribute() メソッドと setAttribute() メソッドはどちらも dom コアのコンポーネントです。

2. HTML_DOM

HTML_DOM を使用してフォーム オブジェクトを取得する
Document.forms
HTML_DOM を使用して要素の src 属性を取得する
Element.src
3. CSS_DOM

CSS_DOM は CSS の操作です。 JavaScript における CSS-DOM テクノロジの主な機能は、スタイル オブジェクトのさまざまな属性を取得および設定することです。スタイルオブジェクトのさまざまな属性を変更することにより、Web ページにさまざまな効果を与えることができます。
Element.style.color = “red”;
jQuery は JavaScript ライブラリとして、DOM オブジェクトを操作するための JavaScript の特性を継承および発展させており、開発者は DOM オブジェクトを簡単に操作できます。

jQuery の DOM 操作メソッドには、要素の作成、コピー、再編成、変更が含まれます。次の例は完全に使用でき、各行はコメントになっています。コードをコピーして実行してください。

コードをコピー コードは次のとおりです: