大丈夫。
お帰りなさい。
だから、いくつかのコードを書いてみましょう。
そして、どのようにするかを学ぶつもりは、要素を選択する方法です。
だから、通常の支配的な関係や音声学のようにはい、私たちは物事を選択して操作する必要があります。
私はそこに壊れた記録があることは分かっていますが、それは本当に重要なプロセス選択であり、次に物事を変えます。
このビデオは主に、J Queryを使用して要素を2つの主な目的で選択することに重点を置く予定です。
最初の方法は、ドル記号機能を持つ要素を選択する方法を学習してから、C評価メソッドを使用して要素をスタイルする方法です。
だから、選択したものだけをプリントアウトするだけでなく、より視覚的にすることができます。それらを選択し、背景色とジェイクエリーを変更します。
ドル記号。
だからバニラ・Jと違って S.
idで要素を取得するドキュメントがあるクエリセレクタクエリセレクタすべてのクラス名の要素を取得タグ名で要素を取得します。
ドル記号を選択するには非常に多くの異なる方法があり、Jayのクエリはそれらのすべてを置き換えます。
基本的にはクエリセレクタのように動作し、Csスタイルのセレクタを提供します。
そしてJayクエリーは、私たちがそれを与えるセレクタと一致するすべての一致する要素を返します。
だから私はここで例を挙げておきますが、ページ上のイメージタグをすべて選択したければ、スケールの尺度ですべての要素を選択したい場合はこのように見えます。
スタイルセレクタが設定されていることを忘れないでください。
だから、IDのためには、ドットを必要とするクラスのためにThorpeへの弧が必要であり、リスト要素の内側にあるすべてのアンカータグを選択するなど、もっと高度な処理を行うこともできます。
だから私はこれがどのように動作するかについてここで簡単にデモを行います。
だから私たちはJake QuerreyのデモでCdnが含まれている場所に彼のページを設定しました。
N単語を使用するかどうかは関係ありません。ダウンロードしたコピーを使用する場合も同様です。
だから、ここにそのスクリプトが必要ですし、それから遊ぶためにいくつかのコンテンツが必要です。
だから私はH-1 Sを保つつもりです。 J. コアデモ
私はこれらの味方をちょっとユニークなものに変えて、私が好きな動物をいくつか入れておきます。
ですから、ニュートにとっては終わりです。
私の5歳の自己の動物のアルファベットの歌のお気に入りの部分は、私のお気に入りのアルバムの別の猿に追加されます。
そして最後に松のマーティン。
そして、あなたが松の牧場を見たことがないなら、彼らは同じように愛らしい恐ろしい動物です。
だからあなたはここでかなり愛らしいが見えます。
しかし、あなたが実際にそれらを見てみると、彼らはクレイジーな捕食者で、かなり恐ろしいものです。
OK。
だから私の好きな動物のいくつかはリストに保存され、これを今開いてみましょう。
私たちが正しいディレクトリにいることを確認してください。
Jayは、それぞれのChimoと私がやることは、これを独自のウィンドウで移動するというデモを行い、フォントサイズを少し大きめにしてコンソールに入るだけで、これらのいくつかを選択するクエリを使用しましょう。
だから、ドル記号は関数であることを忘れないでください。
私がちょうどドル記号をタイプすればそれはカッコなしでそれ自身です。
括弧や詐欺を使わずにアラートを入力するのと同じです。 括弧なしのドットログは、私に教えてくれる以外は何もしません。
うん、私はそのコードについて知っているが、実際にはそれを実行しない。
ページ上で唯一のH-1を選択して始めましょう。
ドル記号とsセレクターを使用してh個のものを選択するだけでH-1で、Enterキーを押します。
あなたはそれがJのqueeryのデモH-1を返すのを見ることができます。
それで、それがリストの中にあることに気づくでしょう。
したがって、最初のインスタンスを返すクエリセレクタとは異なり、ドル記号セレクタが使用されます。
実際に役に立つアイテムが1つしかない場合でも、クエリはリストを返します。これは少しだけわかります。
それで、すべての同盟国を今選ぶようにしましょう。そうすれば、Dollar Sign Allyのようなことをすることができ、私たちはそれと同じように3つの味方を得ることができます。
身体をタイプして体を選択したり、物事を少し面白くすることもできます。
私たちの年齢のEメールに戻り、私を追加してみましょう。 D.
パインマーティンに私たちはそれをイードとして愛らしいと呼ぶでしょうし、私たちはハウラーの猿にもAタグのハウラーの猿を加えることができます。そしてそれはちょうど猿のドットコムに行きます、そして、これはちょうど猿のドットコムになります。
私はそのリンクを選択したい場合は、私はドル記号を使用し、私はアンカータグを行うことができ、それは私にそれを与えるだろうと私はリフレッシュしてください。
私はまた、同盟国の内部にアンカータグを言うことができます。
意志の代わりに同盟者の中にアンカータグだけを本当に言いたいのであれば、私もできます。
これまでのすべての場合において、それらは同一である。
しかし、ページの一番下に別のアンカータグを追加すると、Googleドットコムが更新されます。
そして、今私はドル記号アンカータグを行います。
私は両方のアンカータグを取得します。
私がアンカータグを持った同盟国とドル記号のULをしているのであれば、このアンカータグだけが私に与えられます。
それとも、ここでこれを短縮して、アイデアが好きなアイテムを選択することができました。それはちょうど奇妙な選択、またはすべての質問セレクタまたはC
Ssのように動作し、北極またはハッシュ記号が必要です。
IDネームは愛らしい、それは私にパインマ​​ートンの味方を与える。
だから私たちがどのように選んだのか分かりましたし、物事をコンソールに印刷したり、ここに戻ってくるのを見るだけではそれほどエキサイティングではありません。
SSと呼ばれ、セレクタのドル記号とセレクタをタイプして、その最後にDotsie
SSを追加して、プロパティや値を渡して変更することができます。
しかし、私が実際にやりたがっていることは、次のいくつかのビデオでもっと多くの方法を見ていく方法を紹介することですが、今私はビジュアルを作り、スタイリングを変えるのに役立つものを見せますメソッドはDotsie
だから私は特別なアイデアを使って何かを選んで、その上にCSSAを走らせて境界線を2ピクセルの赤色に変えている例を示します。
だから私はそれを実証させてください。
H-1にやってみましょう。
だからドル記号H-1 Dotsie SSをこのように選ぶ。
そして、ここではなく、色を黄色に変えてみましょう。
そして私はエンターを押した。
そして、あなたはそれが素晴らしい黄色に変わるのを見ることができます。
だから、あなたがj Querreyなしでこれをどうやってやるのか、常に覚えておいてください。
だから、ドキュメントクエリーセレクタH-1ドットを取得し、BにそのC
Sを持たせないドキュメントのようなことをするでしょう。だから、ドットスタイルのドットカラーを等しくする必要があります。
それをオレンジ色に変えましょう。
そしてそこに行く。
私たちはそれをオレンジ色に変えましたが、ここのこのラインは実際にはもっと強力であり、ここでこの1行でできるよりもはるかに多くを行うことができます。
このH-1について複数のスタイルを変更したかったとしましょう。色と背景色と境界を変更したいと思いました。
私ができることは、オブジェクトにスタイルを定義し、オブジェクトを渡します。
だから、私はちょうど文字列ポーターをポーターの値にする必要はありません。
複数のプロパティを持つオブジェクトを複数のキー値のペアとして定義して渡すと、それらがすべて適用されます。
それでは、今やってみましょう。
私たちのスタイルを定義しましょう。別のオブジェクトを作る必要はありません。
私はあなたにそれを見せます。
そして、ここではなく、色は赤い背景がピンクでなければならないと言うでしょう、そして、私たちは国境を行うでしょう。
そしてEnterを押すと、今度はスタイルのオブジェクトと何かを呼び出すことができます。
それでは、H-1を選択します。
だから、ドル記号H-1は再び私たちを誇りに思って、私たちはスタイルオブジェクトを渡して、それらのスタイルすべてが適用されます。
したがって、jクエリを使用しないでこれを行うには、3つの別々の行を実行する必要があります。
あなたは、質問者があなたのH-1スタイルの濃い色を赤に等しくし、そしてドットスタイルのドットバックグラウンドがピンクに等しく、ボーダーが2ピクセルのパープルパープルに等しくなるような文書を作成する必要があります。
うまくいけば、すでに数行だけでそれを見ることができます。
J Queryはすでにかなり強力であることが証明されています。
それがなくてもすべてを行うことができますが、間違いなく時間を節約し、コードをきれいにすることができます。
ドットCSSAメソッドのもう1つの機能は、私ができることは、実際には最初のものを選択して黄色にするのではなく、一度に複数の要素をスタイルすることです。
私たちはすべての味方を選択することができ、それを行うには1行だけ必要です。
だから私はあなたにそれを見せます。
今、すべての嘘をつくりましょう。
だから私は同盟国を選択する必要があります。
そうですね。
そして私がエンターを押した場合。
3人の同盟国すべてが変更される。
あなたはそれが私に3人の味方を与えてくれることを知っているでしょう。そして、私はC
Sにチェーンを張る必要があります。そして私はちょうどそれを単一の財産の色にし、それを青色に変えて、私はエンターを押して、
だから間違いなく非常に強力です。
私たちが行うことはセレクターのドル記号の同盟国で選択することです。それは私たちに3人の同盟国を与え、ALWISのこの同盟国のリストにDotsie
SSを配置することで実現します。
実際にはそれらはすべて青色になり、照会なしで手動でループする必要はありません。
だから、私はそれらをすべて緑色に変えたいのであれば、最初にそれらのすべてを選択する必要があります。
したがって、varの同盟者は、クエリセレクタがすべて文字列allyを渡すという文書に等しい。
それから私はループする必要があります。
したがって、var Iはゼロに等しく、Elvisesの長さはIプラスになります。
そしてループの中で私たちは同盟関係を遂行する必要があります。そのスタイルはその色と同じです。私たちはそれと同じように緑色にし、エンターを押します。
そして、あなたは彼らがすべて緑に変わるのを見ることができます。
だからもう一度それはクエリなしで行うことができますが、それははるかに多くのコードです。
私たちはそれらをすべて最初に選択する必要があり、選択するだけでも苦痛です。
これはちょうどドル記号よりもはるかに長いです。
そして、forループまたはwhileループを使って手作業でループし、それぞれを個別に変更する必要があります。
我々が青に戻すためにしなければならなかったのは、すべての同盟国のDotsie SSを選択して青色の青色である私たちの財産を渡すことです。
ここでもう少し具体例を説明します。
すべてのアンカータグをCsと同じように選択し、フォントサイズを大きくしてフォントサイズを40ピクセルにしてみましょう。
私たちは大きなリンクを取得する私は以前のようにスタイルがいっぱいのオブジェクトを定義でき、それを使って複数の要素を1つではなくスタイル付けすることができることを示します。
だから、私たちはすべての嘘を選び、一緒にスタイルを設定し、SSをやって、色のような文字列を渡すのではなく、オブジェクトに与え、ここでそれを定義します。
そしてここにいくつかのスペースを追加してタイプします。
最初に行うことは、すべてのフォントサイズを変更することです。
だからNCSAフォントサイズはフォントDaschのサイズまたは高さとJavaScriptのサイズで、私たちはラクダの大文字小文字を使用する必要があります。
だから、フォントサイズはスペースもダッシュもありませんが、Kimbalの大文字の大文字のメンバーを10にして10ピクセルを作ってから、ボーダーに追加して、これを3ピクセルのダッシュパープルにします。
それらの破線の境界線は常に素晴らしいです。
最後に背景色の背景を追加します。
それでは、自分のRを作りましょう。 G. 色。
だからR. G. B.
そして私たちはG. P。 A. 実際に
そして最初のものも読まれます。
89赤45緑20青。
そして0。 5不透明度または透明度のチャンネルであるアルファ。
そして、もしあなたがenterを押すと、それらのすべてが一度に適用されることがわかります。
だから私たちのフォントサイズは小さくなります。10ピクセルあります。
我々は、3ピクセルが紫色である同盟国の周りにこれらの素晴らしい境界線を持っています。そして、この色が明るい茶色の色のように見えることが判明した背景色を持っています。
大丈夫。
だからうまくいけば、あなたはその迅速なデモンストレーションから、ドル記号で選択している2つの異なるものだけを見ることができ、それ自体は信じられないほど強力です。
基本的には、キューリなSlichterと奇妙なセレクタがすべて組み合わされたように機能します。
そして構文がはるかに短くて簡単です。
CSSAメソッドも非常に強力です。なぜなら、ここで行ったように個々のプロパティを変更することができますが、キー値ペアでいっぱいのオブジェクトに渡したようにCSSAプロパティをマスカードすることもできます。
おそらくこのすべての中で最も重要な部分は、私がここでやったようにすべての同盟国のようなコレクションを選択すると、手作業でループして個々に何かを適用する必要はないということです。
Jクエリを使用して一度に1つずつ色を変更します。
私が要素の集合を持っていれば、それは自動的にそれをループし、Dotsieの評価をすべてのものに適用します。
それは非常に強力です。
それがサイドノートとして、なぜここに配列を返すのかという理由です。
IDのある要素が1つだけあっても、背後にあるすべてのロジックがそのリストをループするので、常にリストに戻します。
だから、これをループして、ここには1つの項目があるだけです。
だから、実際にはループしません。
それはちょうど1回以上行きます。
うまくいけばそれを楽しんで、エリーの力を見始めている