jQuery APIの.attr(attributeName)

.attr()このAPIは、一致する最初の要素の属性値を取得するために使用される点が重要です.擬似配列を返す場合、最初の値のみを取得するのは最初ですが、追加する場合は複数を同時に追加できます.
かっこの中は文字列です

$('a').attr('href')

このコードは、ページの最初のaラベルのhrefに対応する値を取得するために使用され、hrefがない場合はundefinedを返します.

$('img').attr('src','xxx')

プロパティ値を直接設定します

$('img').attr({
  'src': 'xxx',
  'name': 'yyy'
})

2つのプロパティを同時に設定

$('div').attr('name','xxx')

これは、すべての一致要素にname=xxx属性値を追加したものです.

$('div').each(function(){
  let $name =$(this).attr('name')
  console.log($name)
})

前に言ったように、使います.attrはその一致する最初の属性値しか取得できませんが、each()ループですべての属性値が取得されると、この過程でthisキーワードは常に要素div自体を指します.