お帰りなさい。
このビデオでは、中断したところから取り上げて、次の重要な方法のいくつかについて話し続けていきます。次の重要な方法は、次の8つの方法について説明します。
そして、それは属性のために短いですので、私はドキュメントに行き、属性を探します。
ここはETRの一番上になるだろう。
そこに行く。
そして、それを使用するのは、属性の値を取得することです。
ドキュメントによれば、マッチした要素のセットの最初の要素の属性の値を取得します。または、一致する要素ごとに1つ以上の属性を設定します。
したがって、属性を取得することも、属性を設定することもできます。
うまくいけば、これらの方法で情報を取得したり、スタイリングを取得したり、テキストを検索したり、彼を怒らせたりするパターンを気づいているといいでしょう。
そして、メソッドに引数を渡すことでそれらを設定することもできます。
したがって、1つのメソッドは2つの異なる方法で動作します。
そして、このパラダイムはゲッターとセッターのパラダイムと呼ばれ、ここで情報を取得するゲッターと新しい値を設定するセッターがあります。
ここでいくつかの例を見てみましょう。
Gコードのドキュメントには、常に優れた例とドキュメント、チュートリアルスタイルの記述があります。
だからここで見てみましょう。
私たちにはイメージがあり、それにはIがあります。 D.
ソースとaltテキストを選択できるので、素晴らしい写真IDの画像を選ぶことができます。
私たちは変えようとしていることをAltに渡します。
そして、新しい値を渡すことができます。また、TTRを使用して複数の値を一度に、または複数の属性に設定することもできます。
CSSAメソッドと同じようにオブジェクトを渡すことで、text属性とtitle属性を設定できます。
OK。
それではこれで遊んでみましょう。
ここでは私たちが取り組んできたページを紹介します。
私は少しずつ、私が満足するチームを追加します。
だから、ここでは画像タグを追加して、ソースは私のお気に入りのマインマーチンになるだろう。
とても愛らしい。
そして、我々がやろうとしているのは、JクエリーとTTRメソッドを使ってその画像ソースを恐ろしいマインマーチンに変えることです。
OK。
だから私たちのページをリフレッシュします。
ここに私たちのイメージがあり、最初の練習になるのは、イメージを選択して、それを少し小さくすることです。
だから私たちは画像を選択して私たちを見てみましょう。まず、現在幅が1133ピクセルであることを見て、それをもっと小さくしましょう。
だから、私たちはそれと同じように2 500ピクセルで変更します。
それはもっと良く見えます。
そして、実際にはそれはちょっと小さく、月は200にもなります。
そこに行く。
私たちの愛らしいマインドマーティンがあります。
そこで、TTRを使用して画像ソースを変更します。
だから、そのドットのように画像を再度選択する必要があります。
そして、まずソースの価値を得ることができます。
これはイメージソースであり、私たちはクリップボードにコピーして持っているURLである2番目の引数を渡して設定することもできます。
自動的に更新されます。
そして恐ろしい松のマーチンがあります。
だから一例です。
ここで行うことができるもう一つのことは、タイプがテキストであるこの入力を選択し、タイプ属性の値を変更できることです。
ここで入力を行い、属性を見てみましょう。
さて、入力を見てみましょう。
それはページ上の唯一のものです。
そして、その属性タイプを行い、タイプがテキストであると見なし、今度はそのタイプで再生することができ、タイプを変更することができます。
私がenterを押すと、ここでこの入力を見てください。
これでカラー入力に変わり、同じことができます。
今度はチェックボックスに変更してください。
そこに行く。
OK。
テキストに戻ってみましょう。ビデオの後半でこれをテキスト入力として使用するためです。
最後に私が実証したいのは、複数の要素に対するTRメソッドの動作です。そこで、いくつかのイメージタグを追加しましょう。
そこで私たちは1つの2つの3つの画像を行い、それらを得るためにリフレッシュする必要があります。
そして、その巨大なイメージがあります。
だから私はもう一度サイズを変更しようとしています。それはハマ200の行為でSSを見ているイメージドットと、それらをすべて200ピクセルにするJクエリーの魔法のためです。
ここで最初のものを歯で怖がっている松の写真に変えたいとしましょう。
実際にすべての画像である画像を選択してみると、3つすべての画像ソースが変更された場合、前の操作はうまくいかないでしょう。
だから、最初のものだけが必要な場合は、画像のコロンを使用して、最初に構築されたJクエリーのようなタイプのものが最初にあることを覚えておいてください。
だから私は最初のタイプに戻り、あなたが知っている怖いイメージになるようにソースを変更することができます。
私がenterを押すと、最初のイメージにのみ影響します。
最後の画像を更新して同じ画像ソースを持つようにしたい場合は、この恐ろしいマインマーチンにいくつかのオプションがあります。最初に表示するのは、このような画像をすべて選択してから最後のドット方式を使用することですあなたはまだ見ていないし、指定されたセレクタから最後の要素を返します。
これで3つの画像がすべて選択された後、最後の画像を要求してから、そのATSDRソースを作成してから、画像ソースにペーストしてEnterキーを押します。
また、最後の画像も変更されていることがわかります。
そして、最後に私はそれらの3つを一緒に変更することを実証するので、私はあなたの新しいイメージを持っています。
私はここでコピーして、このようなすべての画像を選択して、その属性ソースをカンマで実行し、New You
You allで3つの画像すべてを同時に変更するだけで、すべてのソース属性を変更します。
TTRを要約すると、ソースのような引数が1つだけ与えられます。
しかし、我々は二番目の議論をパスしない。
それは単にsourceの値を返します。
それがゲッターです。
そして、新しいもののような2番目の引数を与えたら、ここでやったように、前に選択したすべての要素のsourceの値を実際に更新します。
だから私が実証したいのはVauメソッドです。
だからヴァルは、入力から値を抽出するのに役立ちます。
だから、あなたが普通のjavascriptでスコアキーパーを作ったときに思い返せば、その数字の入力とその入力があって5〜10の位の勝ちのスコアを指定でき、そこから値を抽出する必要がありました。
valueというプロパティを使用します。
Well Vauは、各Timと同じように、値のJクエリーラッパーです。
それは憤慨したJamailのラッパーであり、テキストはテキストコンテンツのラッパーです。
あなたがここで見ることができるように、いくつかの例を見ることができます。
引数を渡さないと、選択した特定の要素の値が返されます。
この場合、fooのクラスを持つselect要素のドロップダウンメニューを取得しています。そして、Valを使ってドロップダウンのどの要素かどの部分が選択されたのかを示し、次に同じ構文も使用できます引数を渡すと、入力の値が変更されます。
ここでテキストを入力してみましょう。コンソールをクリアして、このテキスト入力を選択します。
だから、ドル記号がちょうどそのように入力されてから、引数なしでValを実行します。
今ここでは値が空の文字列なので、空の文字列を返します。
そこには何もありません。
だから私の名前のようなものを今入力すれば、私たちは冷たい鉄鋼の価値を求めます。
ここにあるものは、私たちが走ったときにつかまえられ、私たちが見た他のすべての方法がセッターメソッドとしても働くようになります。
だから私が錆びたスチールのようなものを渡して私が入力を押すと、入力が更新されてrestiをまだ静止させていることがわかります。
実際に入力を更新するためのコードを書くときには不思議に思われるかもしれません。
通常は、ユーザーに入力を更新させます。
私が考えることができる1つの一般的な使用例は、値をクリアしたい場合です。
このTo
Doリストであれば、ユーザーは新しいキャンディーや何かを加えることができるようにしたいと思っていました。途中で過大評価されているゼリービーンズで入力することができました。私たちはenterを押して、新しい味方を追加したい私たちはここにあるものを削除したい。
ドットを使う。
だから私はあなたを見せます。
ちょうどこのように見えます。
そして、それを空の文字列に設定し、そこの内容を消去するので、私たち自身が実際にリストを作成するときにそれを実際に実行します。
私たちはVauを空の文字列で使用してテキストをリセットして配置します。
最後に、Darvellはvalue属性を持つすべての要素で動作することを言及します。
だから、タイプ入力のテキストだけでなく、チェックボックスやカラー入力のようなものですが、先に進むことができるドロップダウンメニューも含まれています。これは選択要素である新しいドロップダウンメニューを作成し、オプションと各オプションは1つの選択肢を表します。
だから、私たちのオプションには、ダチョウやカメ、ヒキガエルのような国で最も人気のあるペットがいくつか含まれています。
[OK]をクリックすると、ページが保存され、最新表示され、3つの選択肢を持つドロップダウンメニューが表示されます。ユーザーが選択した選択肢を知りたい場合は、ここに行きます。もっと。
ドロップダウンメニューを私に与えてくれるselectを選択する必要があります。次に、その上でVauを実行するだけで、ユーザーがtoadを選択したことがわかります。
したがって、80を使用して、特定の属性にアクセスしたり、属性を設定したりして、値を取得したり、入力またはドロップダウンメニューの値を設定したりするには、TRを使用します。
大丈夫