さて、戻ってきます。
ここまでは、J Querreyでどのように要素を選択することができるのか、どのように操作することができるのかを話しました。
ここで、Jクエリーのイベントである最後の大きな欠けた部分を紹介します。
だからバニラ・Jに戻って考える。 S. イベントリスナーを追加したときに、イベントリスナーと呼ばれるメソッドを使用しました。
さて、ジェイは、イベントに関連したたくさんの方法を持っています。
だから私はここでイベントをクリックするだけでそこに行くことができるジェイクにイベントセクションを開いている。
だから私はここをスクロールすると、どれくらいの数だけ見ることができます。
Coriaイベントの方法chikorには1トンのものが付属しています。
だから、私がやることは、あなたが使うことができる3つの最も重要な3つを強調することです。
それらの3つの方法がキーを押している間に99％の時間を要します。
そして私は、これらの3つは99％の時間を使うことができると言いました。
それは実際にはここのこのようなものです。
99％の時間を使うことができます。
だから私は最初にクリックしてキーを押すことを示しますが、私の主な目的は、その方法がどれほど素晴らしいかを示すことです。
だから始めましょう。
だからJay
equerries quickメソッドは、単一の要素または要素の集合にクリックリスナを非常に簡単に追加できる方法です。
この場合、私は2つの例を見ることができます。
何かを選択してクリックリスナーをクリックして追加しています。
だから私たちは私たちが実行するという考えで何かを選択します。
これをクリックすると、コールバック関数が渡されます。このコールバック関数は、送信のアイディアを持つものがクリックされたときに実行されます。
それはIDなので、ページ上には1つしかありません。
その1つのアイテムがクリックされると、このコードが実行されます。
ここを見てみると、ページ上のすべてのボタンを1つにすることができます。
それは10個のボタンになる可能性があり、それらのすべてにクリックリスナーを追加しています。
だから、ボタンが速ければいつでも、誰かにボタンをクリックするように警告します。
だから私はそれを実証させてください。
今、私はCDNとして含まれているJay queeryを持つ単純なHTLページを持っています。
また、Jayのクエリーイベントを追加して、いくつかのボタンを追加します。
だから私が言う最初のものは私を訂正しない。
そして、次の人は真剣に私を言うだろう。
そして、最後の方がこれがあなたの最後の警告だと言うでしょう。
そこで保存してブラウザで開き、Jがロードされていることを常に確認します。
OK。
いいね。
ここでは、このH-1にクイックリスナーを追加して簡単に始めます。このページには1つしかありません。
だからドル記号で最初に選択するだけです。
私たちに正しいH-1を与えてくれるのは、1つだけです。
それをクリックしないと、そのH-1をクリックするたびに実行されるコールバック関数を渡す必要があります。
舞台裏では、クリックはイベントリスナーを使用しており、このH-1にクリックリスナーを追加しています。匿名機能を使用することもできますが、新しい学生にとってはもっと威圧的です。その関数の名前をここに渡します。
しかし私のように私は匿名の関数がもっと一般的だと言った。
だから私たちがやりたいことは、それぞれ正しいことを警告するだけです。ここに入力してください。このH-1をクリックすると、H-1が終了し、他の要素では起こらないことがわかります。
私のH-1は画面全体に広がっているので、CSSAの問題がそのサイズを変更したい場合に問題になるのですが、1つの要素をクリックすると発生します。
今私がしたいのは、要素のコレクションにクイックリスナーを追加する方法を示すことです。
ここではすべてのボタンを選択します。
そこでドル記号ボタンをクリックして、そのようなクリックを追加すると、コールバックとして再び無名関数を渡すことができます。
これは、ボタンがクリックされたときに実行され、アラートボタンをクリックしてEnterキーを押すだけです。
そして、私がそこにそれらのボタンのどれかをクリックすれば、私たちはボタンをクリックします。
だから、バニラのjavascriptに戻って、ボタンのコレクションにイベントリスナーを追加することを考えてみましょう。
クエリセレクタですべてを選択するか、タグ名で要素を取得する必要があります。その後、forループを使用してループを繰り返す必要があります。次に、個別にイベントリスナーを追加する必要があります舞台裏で
しかし、私がしなければならないことは、この行を書くことです。それは私のためにループして、個々のイベントリスナーを追加して、学習ボタンをクリックするのではなく、自分の人生を本当に簡単にします。
クリックしたボタンの背景色を変更するにはどうすればいいですか？
だから私はもう一度クリックリスナーを追加する必要があります。
私はちょうど上向き矢印で、警告するよりもむしろだ。
私たちがやることは、バックグラウンドの色を変えることです。その色はCのバックグラウンドで、それをピンクに変更します。
だから問題は、Dotsie CSSAをバニラのjavascriptでやりとりすることです。
これを使用します。
このキーワードは、クリックされた要素を指していますが、NJのクエリは、JQuerreyのバージョンを使用する必要があります。
これはちょっと混乱した考えです。
私はそれがShakeriがしていることはプレーンなバニラを取ることであることを覚えていると思います。それはJayのクエリーでそれを包んでいて、それは大きなです。 A. G. それはいくつかの特殊なプロパティとメソッドを提供します。
したがって、JのクエリメソッドであるドットCSSAを使用する場合は、JのクエリオブジェクトでCSSAを実行していることを確認する必要があります。
だから、これは普通のバニラジャバスクリプトです。
だから私たちはそれをラップして、これがJのクエリバージョンだと伝える必要があります。
だから、それを試してみましょう。
ここに入力してボタンをクリックしてみましょう。この最初のクリックリスナーを一度も取り除かなかったので、そのアラートが最初に表示されます。
そして、背景がピンク色に変わり、クリックするたびにそのことが起こることがわかります。
このようなこともできます。
だから私は上向きの矢印を押して、ページをリフレッシュするのではなく、単にピンクに変更するだけです。
また、ログとWalcottの大人がクリックされたボタンのテキストを記録することをキャンセルすることもできます。
だから、あなたがクリックしたようなものになります。そして変数を作ってこれを保存します。可変テキストはドル記号になります。このテキストをそこから取り除くためには、そのようにテキストメソッドを使うだけです。そのログあなたは私たちの変数名であるtextをクリックして入力しました。
そして今、あなたがクリックした場合、あなたはクリックされませんでした。
これが最後の警告です。
そして、あなたはクリックした。
真剣に私をクリックしないでください。
OK。
それだけで私が実証しようとしているのです。
クリック。
まとめると、H-1と同じように、一度に1つの要素にリスナーを追加できます。
あるいは、実際に役に立つコレクションにすることもできます。
そして最後に、クリックされた要素を参照したい場合は、Jのクエリーラッパーであるドル記号を使用する必要があります。 A. G. バニラのバージョン。
はい、これ