Web制作コース 初級編 DAY13〜16(復習)


>日記

・『「なんとなく理解した」で後々詰まるのはもったいない』、現代においてはAIに細かく質問できるのでその都度どんどん聞いて理解を深めていくのが正解ではないか、、、と動画の中で言われていた言葉。
その通りかもしれない。



>理解できたこと

・スコープの考え方

/ グローバル変数
let message; //必ずしも=で初期化する必要はない

function greet(name) {     //関数を定義
 // ローカル変数
 let greeting = "こんにちは、" + name + "さん!";
 console.log(greeting);
 message = "挨拶完了"; // グローバル変数の値が変更される
}

greet("太郎"); //関数が実行される
console.log(message); // "挨拶完了"と表示される


・Query("セレクタ主語”).メソッド動詞(“パラメータ補語”)、、、、SVC型


・jQueryでの繰り返し

const elements = jQuery(".text");
elements.each(function(){
  console.log(jQuery(this).text());
});

要素の選択:
・jQuery(".text") の部分で、HTMLドキュメントの中から、class属性が "text" に一致する全ての要素を選択し、elements という変数に格納しています。

各要素に対する処理:

  • elements.each(function(){ ... }) の部分で、elements に格納された要素それぞれに対して、function 内の処理を順番に実行します。

  • this は、each メソッドのループの中で、現在処理中の要素を表します。

  • jQuery(this).text() で、現在の要素のテキスト内容を取得し、console.log() でコンソールに出力しています。

この記事が気に入ったらサポートをしてみませんか?