だから私たちはDommについてなぜあなたが興味を持っているのかを議論しました。
ドキュメントオブジェクトモデルが何を意味するのかについても話しました。
それは、トップレベルのオブジェクトであるjavascriptオブジェクトを使用して、ページ上の各要素の単なるモデルであるという事実は、ドキュメントと呼ばれます。
だからそれは素晴らしいですが、私たちはまだそれで何かをする方法を見ていません。
だからこのビデオでは、犬を使って物事を操作するプロセスを簡単に紹介します。
だから私は2つのキーワードを選択して操作するために全体のプロセスを煮詰めました。
だから、セレクタを書いてセレクタを書いて、特別なクラスや、すべてのイメージタグや、すべてのイメージタグを選択する場所を評価するのと同じように、我々は要素を選択してから、背景色の紫色の境界線のようなスタイルを適用します。
私たちは要素を選択しますが、私たちは非常に異なる方法でそれを行います。
私たちはjavascriptコードを書いて要素を選択し、それらを元に戻し、次にそれらのプロパティを変更して何かを選択して操作します。
次のスライドでは、このH-1のヘッダーをどのように選ぶことができるのか、それをどのようにピンクに変えることができるのかを説明します。
私は最後の数ビデオでこれをたくさん言ってきましたが、私はあなたがコンセプトと同じくらいシンタックスに集中することを望んでいません。
次のいくつかのビデオは、選択し操作することの重要な部分に入ります。
これは、それがどのように動作するかの概要です。
このスライドでは、Cと同じようにH1を選択する方法を示します。
特定の要素を選択するには、さまざまな方法があります。
この場合、このコード文書ドット照会セレクタH-1はこのページ上のH-1を選択することになる。
だから私はこの緑色のボックスでここで強調表示しているので、あなたは何が選択されているか見ることができます。
だからvar H-1これは、クエリーセレクタ8：1をドキュメント化するために必要な変数です。
だから、クエリセレクタにもっと多くの時間を費やして、それが何であり、どのように動作するのかを定義します。
しかし、このH1を表すオブジェクトを返し、それをH-1変数に保存します。
それが選択プロセスです。
次の部分はそれを操作するようにそれを操作しています私はあらゆる種類のことを行うことができ、私がここでやることは色をピンクに変えることです。
そこで、H-1ドットスタイルを表すオブジェクトを持つ変数であるH-1を書きます。
これは1つのプロパティで、そのスタイルプロパティは他のプロパティと色の束を持つ巨大なオブジェクトであり、その一つです。
だから、H-1はスタイルはしますが、色はピンクに等しくなります。
そしてそれが私たちがしなければならないことです。
ブラウザはそのプロパティをピンクに変更して、それをピンク色にすることで表示されるものを自動的に更新することを確認します。
そこでここで選択して操作しました。
だからもう一つの例があります。
もう少し複雑です。
私たちは毎秒、青と白の間の体の背景色を変えている非常に簡単なアニメーションをやっています。
だから私たちが最初にする必要があるのは、ボディを選択してそれを選択することです。
ドキュメントダンプクエリーセレクタを使用した別の行があります。このセレクタは、次のビデオドキュメントのクエリーセレクタ本体に戻ってきます。
だから、私はボディ変数に保存するオブジェクトの表現を実際に私に与えてくれるbody要素を私に与えます。
それから私はこの変数を青色にしました。これは、私が青から白、または白から青に移行するかどうかを知る必要があるため、私が使用するブール値です。
だから、それは偽として始まり、私は数年前にカバーした一定の間隔を使用しています。
どのように動作するか覚えていないと、基本的に2つの議論があります。
最初の関数は関数を実行するためのコードで、2つ目はミリ秒単位の数値または時間です。
したがって、このミリ秒数は1000秒または1秒で、1秒ごとにこのコードを呼び出します。
したがって、このコードが行うことは、バックグラウンドが現在青色であるかどうかをチェックすることです。
背景が白の場合は白に変更し、青の場合は白に変更します。
だから、私たちは青いです。
だからそれは変わるだけです。
それは偽として始まります。
だから、ページが読み込まれるのは初めてですが、背景は白ですが、青は偽です。
だから、この行は動かないが、これはそうでなければボディはスタイルの暗い背景が青色のこの16進数の色に等しくなる。
そのため、背景が青色に変わります。
それで、青の変数をfalseからtrueに変更するだけです。
それは、感嘆符またはnot演算子でそれを行う良いソート方法です。
だからこのコードは次回は青がすでに真であることを再度実行します。
だから、このコードは本体のスタイルを実行しますが、背景は白です。
今は白に戻っています。
これは実行されず、次に変更すると青色がfalseに戻ります。
それは永遠に続く。
だから、毎秒変化する背景色ほど気を散らすようなものを望むことはありません。
しかしこれは、H1を黒からピンクに変えるだけではなく、もっと複雑なことをすることができることを示しています。
これをすべて2つの単語にまとめる選択操作選択要素を表すいくつかのオブジェクトを取得し、次にそれらに対して何かを行います。
したがって、このユニットの残りの部分は、選択のさまざまな方法に焦点を当て、次に操作方法が異なります。
次のビデオは、javascriptを使用して要素を選択するさまざまな方法について深く掘り下げていきます。
私たちはすでに奇妙なセレクターを見てきました。
私たちはそれを拡張して、さらにいくつかを学びます