ホームページ > ウェブフロントエンド > jsチュートリアル > JS、DOM、JQueryの関係分析例_基礎知識

JS、DOM、JQueryの関係分析例_基礎知識

WBOY
リリース: 2016-05-16 16:53:02
オリジナル
1002 人が閲覧しました

DOM (ドキュメント オブジェクト モデル) は、実際にはブラウザ内の要素オブジェクトの総称です。

JavaScript を使用して Web ページ上で実行するすべての操作は、DOM を通じて実行されます。 DOM はブラウザに属するものであり、JavaScript 言語仕様で規定されているコアコンテンツではないため、JavaScript 言語リファレンスのヘルプドキュメントをダウンロードして確認しても、適切な document.write メソッドさえ見つかりません。女性や子供には知られています。

ドキュメント オブジェクト モデル (DOM) は、HTML および XML ドキュメントのプログラミング インターフェイスです。これは文書の構造化された表現を提供し、文書の内容と表現を変更することができます。私たちが最も懸念しているのは、DOM が Web ページをスクリプトや他のプログラミング言語と接続していることです。スクリプト開発者は、ドキュメント オブジェクトのプロパティ、メソッド、イベントを通じて、動的な Web ページ要素を制御、操作、作成できます。 Web ページの各要素 (HTML タグ) はオブジェクト (オブジェクト、いわゆる「オブジェクト」は現地語で「物」を意味します。台湾では通常、オブジェクトという言葉は「オブジェクト」と訳されます) に対応します。 Web ページ上のタグは層ごとに入れ子になっており、最も外側の層は です。ドキュメント オブジェクト モデルも層ごとに入れ子になっていますが、通常はツリーの形状として理解されます。ツリーのルートはウィンドウまたはドキュメント オブジェクトであり、最も外側のラベルの周囲、つまりドキュメント全体に相当します。

小さな例:

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




JavaScript は DOM 上で操作できます。例: は DOM オブジェクトであり、JavaScript は追加、削除などを行うことができます。
多くの人は Java と JavaScript の「Java」という言葉を見て、最初は同じものだと思っていました。実際、それらはまったく異なるものです。 Java (正式名は Java Applet となります) は、Web ページに埋め込まれた小さなプログラムであり、独自の独立した実行ウィンドウを持っています。 Javaアプレットはプリコンパイルされているので、メモ帳でアプレットファイル(.class)を開いて読んでも全く理解できません。 Java アプレットは非常に強力で、http、ftp、その他のプロトコルにアクセスでき、コンピュータにウイルスを植え付けることもできます (前例があります)。それに比べて、JavaScript の機能は比較的小さいです。 JavaScript は「スクリプト」(「スクリプト」) の一種で、HTML ドキュメントにコードを直接書き込みます。そのため、HTML ソース ファイルを表示できれば、JavaScript ソースを表示できます。コード。 JavaScript には独立した実行ウィンドウがありません。ブラウザの現在のウィンドウが実行ウィンドウになります。唯一の共通点は、プログラミング言語として Java を使用していることです。 JavaScript は、オブジェクトおよびイベント駆動型で比較的安全なクライアント側のスクリプト言語です。また、クライアント側の Web 開発で広く使用されているスクリプト言語でもあり、さまざまなユーザー操作に応答するなど、HTML Web ページに動的機能を追加するためによく使用されます。

小さな例:


var myVariable="outside";
function myFunction(){
var myVariable="inside";
alert() my変数) ;


Jquery はいわゆる JavaScript フレームワークで、実際には JavaScript 関数のコレクションとパッケージ化です。

Jquery は、プロトタイプに次ぐ優れた Javascript フレームワークです。これは軽量の js ライブラリです (圧縮後わずか 21k)。CSS3 およびさまざまなブラウザー (IE 6.0、FF1.5、Safari 2.0、Opera 9.0) と互換性があります。 jQuery を使用すると、ユーザーは HTML ドキュメントとイベントをより簡単に処理し、アニメーション効果を実装し、Web サイトに AJAX インタラクションを簡単に提供できるようになります。 jQuery のもう 1 つの大きな利点は、ドキュメントが非常に充実しており、さまざまなアプリケーションが詳細に説明されており、選択できる成熟したプラグインも多数あることです。 jQuery は、ユーザーの HTML ページのコードと HTML コンテンツを分離したままにすることができます。つまり、コマンドを呼び出すために HTML に大量の js を挿入する必要はありません。必要なのは ID を定義することだけです。

jQuery は、現在最も広く使用されている JavaScript 関数ライブラリです。統計によると、世界の上位 100 万の Web サイトのうち 46% が jQuery を使用しており、他のライブラリよりもはるかに多くなっています。 Microsoft は公式ライブラリとして jQuery を使用しています。 Web 開発者にとって、jQuery の学習は必要です。なぜなら、業界で最も一般的なテクニックを理解することができ、将来的により高度なライブラリを学習するための基礎を築くことができ、実際に多くの複雑なエフェクトを簡単に作成できるからです。

小さな例:
コードをコピー コードは次のとおりです:


最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート