だから、あなたはJay
Coryの紹介と、Jayの質問を教えることに対する私自身の意見、ここで取り上げているアプローチについて簡単に要約すると、私たちはvanilla
javascriptで始まり、私たちはジェイクエーリーに移ります。
だから話をする必要があるのは、アプリケーションにクエリを含める方法です。
だから私は口に私の年齢を追加し、タイトルを与えるだけで、ここで非常に単純なアプリケーションを開始するつもりです。
Jay
queeryのデモJay on Jay queeryは常に小文字です。
Qなぜ大文字であるのかを私に尋ねないでください。
J.
コーリーデモ
ちょうどそのような、そしておそらく同盟国か2つの、そしてこれらはちょうどランダムなテキストになります。
OKので3人の同盟国など 君は。
そしてH-1を保存します。
そして、もちろん、ブラウザでそれを開きます。
デモページがあります。
独自のアプリケーションと独自の年齢のhtmlファイルにクエリを追加するには、いくつかの方法があります。
Jのクエリは単なるjavascriptファイルであることを忘れないでください。
これまでに書いたファイルと変わりはありません。
私たちのカラーゲームのA-SやTo Doリストのように。
はい、またはスクリプトタグを使用して作成してリンクしたjavascriptファイルです。
したがって、両方のメソッドではスクリプトタグを使用しています。
唯一の違いは、ソース属性です。
そして、この場合、私たちはファイルにローカルでリンクしています。つまり、クエリのコードをダウンロードして、プロジェクトと同じディレクトリに配置してリンクしました。
だから、J
Crewのドキュメンテーションに行き、ダウンロードをクリックしてバージョンを選ぶ必要があるなら、私はそれをどうやって行うのかを示します。 1ポイント4といくつかのオプションがあります。
圧縮された制作Jeyクエリー2をダウンロードできます。 0点1。 4と非圧縮開発版です。
私は両方をするつもりです。
私はそれが圧縮されているので、通常、私はちょうどこれを行うだろう全体のポイントは、ロードするのが速いです。
しかし、私はそれがどのように見えるかを示したいと思います。
圧縮されていないものと圧縮されたものを取得し、2つの異なるファイルがあるかどうかを確認できます。
私たちは、JotがドットJのために1点を指すように喜んでいます。 S. 私たちはJに質問2をしました。 男性は1％。
はい。
だから、私はここで昇華して両方のものを開くつもりです。
それらをドラッグして見てみましょう。
したがって、このファイルは圧縮されていないバージョンです。
そして私がスクロールするとき。
それはちょうど1つの本当に長いjavascriptファイルであることに注意してください。
これは9000行以上ですので、このファイルを含めることができます。あるいは、同じコードの背後にある最小化されたバージョンを含めることもできますが、何かが最小化または圧縮されて空白がすべて取り出されます。
だから、これらすべてのコメントを返すすべてのコメントがなくなって、変数やプロパティのすべての名前が単一の文字に短縮されるので、emのようなものがあるか、ABCのようなものがあることがわかります。圧縮されていないファイルのいずれかを含めることができます。
これを行うには、正しいディレクトリにファイルを追加する必要があります。
だから私はプロジェクトの代わりに新しいフォルダを作るつもりだし、私はそれをlibと呼ぶつもりです。
そして、私たちはこれをする必要はありません。
私たちは2つのファイルを私たちのhチームと同じディレクトリにドラッグするだけです。
私は提出し、私はそれをあなたに見せてくれるでしょう。
だから、私はH Tim
Lファイルを開き、スクリプトタグをここに追加します。私はsource equalsが必要です。この名前をここで書く必要があります。ダッシュ。
だから私はそれをコピーし、ソースをクエリダッシュ2に設定するつもりです。 1。 4。
J.
はい、そしてこのファイルJ CurryのデモがJay Querrey 2と同じ場所にある限り、彼を老化させる限りです。 1 14：4私たちは良いものでなければなりません。
だから私は保存してブラウザに戻してリフレッシュします。
コンソールを開くと、実際にJ Queryという単語を入力してEnterキーを押すことができます。
また、クエリが正しくアプリケーションに追加されたというエラーが表示されない場合は、
だから、これを構造化するより良い方法は実際にlibと呼ばれる別のディレクトリにこれらを置くことです。ライブラリのjavascriptファイルと私たちの独自のjavascriptファイルを分けて、混乱させないようにしてください。それは必須ではありません。
あなたが見たように、私たちはJayの質問をしていました。
しかし、これを行うより良い方法は、ディレクトリを作成することです。これを何か呼び出すことができます。
あなたが望むなら、それをJカーブと呼ぶことができます。
私はlibと一緒に行くつもりですし、私はここで私のリンクを変更する必要があります。
私のソースはlib slashになっています。Jayの質問は1点4点を突きとめて私は私のことをします。
はい、そうする必要はありません。
機能に違いはありません。
唯一の違いは、ロードが速いことですが、ここにそのロードが必要です。
繰り返しますが、私たちは両方を必要としません。
私たちはただひとつしか必要とせず、正しくリンクする必要があります。
それで、それが働いたことを確認しましょう。
もし私がうまく動作するレートをリフレッシュしてください。
あなたはJのクエリを入力することができますし、またドル記号を入力することができ、それらがうまくいけば、シートクエリが正しくインストールされていることがわかります。
これは、クエリをローカルでダウンロードしてからスクリプトタグでリンクする最初の方法です。
CDでCDを使用し、コンテンツ配信ネットワークの略で、実際にあなたのマシンにダウンロードすることなくオンラインからファイルを取得する単なる方法と考える別のオプションもあります。
だから私はちょうどここにArelをコピーすれば、バージョン2のAJ queery CDNになります。
0 1。 4。
そして、あなたがそのURLに行くだけであれば、ここではJ Coreyファイルであることがわかります。
CDにリンクしています。あなたはそこにたくさんのファイルがあり、それはローカルのファイルにリンクするのと同じ方法で動作することを知っています。
私たちがやっていることはArelや他のJ queery
唯一の違いは、実際にはコンピュータのローカルにあるため、実際には少し速くロードされることです.CDで置き換えると、私たちには気付かれません。
しかし、フードの中ではもう少し時間がかかりますが、もちろん、私たちが作るすべてのアプリケーションに対してJayクエリーのコピーをダウンロードする必要がないので、使いやすく簡単です。
だから私はリフレッシュします。
ここでJのクエリを入力すると、それでも動作するはずです。
最後に、CDNをどのように見つけたかをお見せしましょう。
ちょうど新しいタブを開き、Cdn
Jayを探してください.Cdnを検索してから、後で他のライブラリが表示される場合は、
マイクJのクエリ。
リンクがたくさんあることがわかります。
だからジェイの質問には正式なものがある。
CdnのドッジシティのNJのドットコムがあります。私たちはあなたの束を持っています。
これが3のためにバージョンに注意を払わなければならないでしょう。 00。
私たちが2に行くなら。 20ポイント4それは私たちに普通のバージョンと修正されたバージョンの圧縮を解きます。
そして、もし私があなたがうまくいくことに行くなら、あなたを見せてください。
私はそれらをファイルファイルで見る。
だから包み込む。
どちらの方法でも動作します。
両方の場合にscriptタグが必要ですが、ソースはローカルファイルか、CDNを使用してリンクしているどこかでホストされているファイルになります。
あなたがしたい最後のことは、彼女にコートの様子を30秒間プレビューすることです。
そこで、Jのクエリのようなものが少しあります。
あなたが気付くかもしれない最初の事は、4つの異なる場所でドル記号が使用されていることです。
私たちはドームクリックのようなたくさんのメソッドを持っています。SSドットフェードアウトドット除去を参照してください。
このコードが実際に行うことは、IDトリガーのボタンを選択することです。クリックすると、このコードがすべて実行され、クリックされると、体の背景色を黄色に変更します。
私たちはページ上のすべての画像をフェードアウトさせます。
フェードアウトするには3秒かかるでしょうし、フェードアウトが終わると、その3つの画像をページから削除します。
IDFトリガのボタンをクリックします。
ボディカラーを変更してイメージを3秒間フェードアウトし、完了したらイメージを削除します。
さて、それはクエリのスピードプレビューでした。
さあ、実際に次のビデオに書き始めましょう。