ホームページ > 記事 > ウェブフロントエンド > jQuery DOM 操作の概要と example_jquery
jQuery DOM 操作の概要と example_jquery
- WBOYオリジナル
- 2016-05-16 18:37:17762ブラウズ
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 操作メソッドには、要素の作成、コピー、再編成、変更が含まれます。次の例は完全に使用でき、各行はコメントになっています。コードをコピーして実行してください。