ホームページ  >  記事  >  ウェブフロントエンド  >  jQuery学習メモ[1] jQuery_jqueryでのDOM操作

jQuery学習メモ[1] jQuery_jqueryでのDOM操作

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

DOM は、DOM コア、HTML-DOM、CSS-DOM の 3 つの側面に分かれています。
1. DOM コアは、DOM をサポートするあらゆるプログラミング言語で使用できます。 🎜>GetElementById()、getElementsByTagName()... および JavaScript のその他のメソッド。
例: DOM コアを使用してフォーム オブジェクトを取得します。
document.getElementsByTagName("form"); >2、HTML-DOM。

JavaScript と DOM を使用して HTML ファイルのスクリプトを作成する場合、HTML-DOM の登場は DOM Core よりもさらに重要です。
例: HTML-DOM を使用してフォーム オブジェクト メソッドを取得します。document.forms //HTML-DOM はフォーム オブジェクトを提供します。
3、CSS-DOM

CSS-DOM は、JavaScript における CSS-DOM テクノロジの主な機能は、スタイル オブジェクトのさまざまな属性を取得および設定することです。 >例: 要素のスタイル オブジェクトのフォントの色を設定する方法: element.style.color="red";
以下で学習する内容: jQuery での DOM 操作: 最初に DOM ツリーを構築します。



コードをコピー

コードは次のとおりです: org/1999/xhtml"> head> jQuery ;/head>


;li title="アップル">アップル

  • オレンジ

  • パイナップル





  • 次の操作はすべてこの DOM ツリーを中心に行われます。
    声明:
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。