さて、私たちの最初のJay
queery運動のための時間は、これが働く方法です。私はdivのためのサンプルの賛美歌をいくつか教えます。いくつかのクラスはいくつかのアイディアを持っています。あなた自身の年齢のHTMLファイルであり、Cdnを使いたい場合やダウンロードしたい場合は、どのようにすればよいのかを正確にJayクエリーを含める必要があります。
そして、ジェイクエーリーと、特にドル記号を使用して選択し、ドットをつけてSSを見てみることを試みてほしいという4つの短所があります。
だから最初のもの。
すべてのdivを選択し、紫色の背景を与えます。
次に強調表示されているdivを選択し、200ピクセル幅にします。
3番目のIDは、3番目のIDを持つdivを選択して、どのように幅広く、どんなスタイルの境界線をオレンジ色の境界線にするかです。
そしてボーナスは、最初のdivのみを選択し、そのフォントの色をピンクに変更することです。
だからこのショットを出してください。
ビデオを投稿する必要があります。
新しい年齢のHTMLファイルを作成します。
クエリを組み込み、このコードをコピーするか、自分でタイプアップすると、これらの4つの課題を解決する必要があります。
だからビデオを投稿してください。
私はすでに数秒で解決策に戻ります。
先に進んで、これに簡単な解決策を入力してみましょう。
いつものように、最初にやるべきことは毎回ファイルを作ることです。
だから私は新しいファイルを持っています。
私はそれをHTMLと私はそれを保存し、私の定期的な時間を私の定型文を追加する運動を呼び出すと私たちはタイトルでこのJクエリの練習を呼び出すと私は先に行くと私たちのスターターDMLと私はそれを入力するのではなくコピーするだけです。
OK、私たちは4つの要素を持っています。
さあ、Jay Querreyを追加しましょう。
我々はそれをローカルに含めることができるか、CDNにリンクすることができるという2つの方法があることを忘れないでください。
だから私は両方の最初のものを表示します。
私はファイルをコピーするつもりです。
だから私はここでバージョンを変更するだけで、コマンドVをコマンドする必要があります。
だから今私はSimmo時代の私の運動と同じディレクトリにそれを持っています。
そして、ここで私がやりたいことは、最初にスクリプトタグスクリプトを追加してから、ソースの等号を追加して、それを正しく一致させる必要があります。これは、Jayダッシュがポイント1に正しく一致することを確認する必要があります。 4人。
はい。
だからジェイはドットの男性のために一点を指すように口調を整えた。
イエスはそれを保存してブラウザに開き、それが動作するかどうかを確認するための小さなテストをします。
ファイルが見つかったようです。
さもなければ、それは私達に誤りを与え、私達はドル記号divのような何かをやろうと試み、私達が得るものを見ます。
それは働いています。
私たちの4つの部門を選んでいます。
A-JクエリーCDNも含めることができます。
そして、私はちょうどそのためのGoogle。
ジェイケルセチンと私たちのバージョンを選択します。
だから我々は3を望んでいない。 0。
私はそれが正常に動作すると確信しています。
しかし、それは最新のバージョンであり、まだアルファです。
おそらくいくつかのバグやいくつかの問題があります。
だから、ポイント4を最新の安定バージョンとし、このURLをコピーして別のスクリプトタグを追加します。ここでそれらを残してコメントして、あなたのソースと同じものにリセットします違う。
だからいずれかの作品は、私はすでに私たちがすべてCdnを使用していることを証明して以来、私はCdnを使用します。
私はすでにこれが様々な目的のためだけに働いていることを証明して以来です。
そこで保存してからリフレッシュし、コードを二重チェックしても機能します。
はい、それはドル記号を見つけているだけです。
それはJ Qwertyに接続しています。
私が作ろうとしているのは、Jキューリーを頭の中に入れて、私たちがスクリプトに使って、体に書き留めることです。
そして、私たちが行うことは、物事が宣言された順番で読み込まれることを思い出すためです。スクリプトの代わりにArjayクエリを使用する前に、Arjayクエリを確実に読み込ませます。
だから私たちが定義する必要があるスクリプトは、コードを書く場所です。私たちはそれを単にエクササイズと呼んでいます。
J s。
そして、我々はそのファイルをJ私たちと同じディレクトリに入れて、私たちが行うことができるようにする必要があります。私たちができることは、私たちのh
timファイルとJクエリーの両方に接続されているかどうかを確認する、
Jのクエリメソッドを見たり使えたりすれば、このようなことをします。
Jのクエリーが何か他のことをする場合、Jのクエリーがある場合、Jay
Querreyが悲しい顔をして保存したことを知らせる警告が表示されます。
今更新すると、Jクエリがロードされます。
それは私たちに2つのことを教えてくれます。
1つのこのスクリプトは、イエスが接続され、2人がJay Querreyの方法を使用することができるように運動しています。
私は逆順でこれをやったが、私は私の運動を含めた後にジェイクエリを入れたジェイはいと私は保存してリフレッシュする私たちは私たちが物事を置く順序の重要性を見ることができますJのクエリが定義されていませんに。
だから私たちは、少なくとも私たちのコードを使用しているスクリプトの前に置いておきたい、少なくとも私たちのコードが頭の中にあるライブラリを置くことを望んでいます。
課題に戻って、最初にやったことは、私たちがすでに行っているJay Querreyです。
次に、すべてのdivを選択し、紫色の背景を与える必要があります。
そこで、引用符ではなくドル記号を使用してすべてのdivを選択します。
CSSAでdivを選択するだけです。
だからC Sをドットで区切り、私たちはそれらを紫色にします。
この場合の色や背景は紫色であるか、独自のRを使用することができます。 G. Bの色合いは紫色です。
RGVで紫色にする方法を覚えていないなら、Rを演奏する必要があります。 G. もう少しになった。
だから私たちが最初に救うことができ、それが爽やかに働くことを確認することができます。
そして、紫色の背景が4つあります。
OK。
そうです。
それはすべてのdivを選択し、紫色の背景を与えることです。
私はちょうどここに少しの注釈を追加し、それをコメントします。
次に、ハイライトに等しいクラスのdivを選択し、200ピクセル幅にします。
それは非常によく似ていますが、ハイライトに等しいクラスのdivを選択するには、ドル記号を再度使用する必要があります。
そしてdivではなく、ドットハイライトを使用してC Sを実行すると200個のピークになります。
これは、技術的にハイライトのクラスを持つものを選択することに注目する価値があります。
それを明示的にしてハイライトのクラスを持つdivだけを言うならば、そのクラスを持つ段落またはアンカータグを持つことができます。このセレクタを記述します。
そして、これはハイライトのクラスを持つすべてのdivを言うC Sです。
しかし、この場合、それは違いを生むでしょう。
リフレッシュされた200ピクセルなので、これらの2つのdivには2番目と4番目のdivのハイライトクラスがあり、200個のピクセルがあることがわかります。
次の1つは、3番目のアイデアでdivを選択することです。
そしてそれにオレンジ色の境界線を付けることで、そのドル記号でdivを選択し、ドットの代わりにソープに私たちが必要です。
SSの注文したIDの名前は、私たちの責任です。
私が言ったのは、色はオレンジ色だった。
2ピクセルの橙色の境界線を作成して保存してリフレッシュしてみましょう。
私はスクリーンキャストでそれがより良く表示されるように少し大きめにします。
そこに行く。
それは単語のIDを持つ3番目のdivの周りです。
だから、ボーナスだった最後の課題は、最初のdivのみを選択し、CSSA疑似セレクタを使用している最初のdivを選択する方法を、そのフォントの色をピンクに変更することです。
CSSAセレクターのいくつかのビデオから慣れているはずのタイプの最初のタイプのdivコロン最初のダッシュタイプ。
そして、我々はそれをSSのピンクのピンク色にして、それをピンクにして保存してリフレッシュすると、その色がピンクであることがわかります。
私たちが持っているもう1つのオプションは、実際にはJのクエリショートカットが組み込まれています。このショートカットは、まずはコランだけであり、うまく動作します。
興味深いことに、コロンを最初に使用するのは実際にはタイプの最初のタイプより少し遅いです。タイプの最初のものがCSSAセレクターであると評価されるからです。最初はJのクエリーのショートカットです。
それはネイティブCではありません。S Sこれはちょっと遅いです。
だから私はタイプの最初を使用します。
それでは、次のいくつかのビデオでこの演習のためにそれです。
私たちはSEUSを変えるだけではなく、物を操作する他の方法について学びます