jQueryのattrメソッド

attrメソッドとは何か？

HTML要素の 属性 を取得,変更,新規追加できるメソッド

属性とは何ぞや？

以下のコードの例だと、href,classが属性にあたる

<a href="#" class="hoge">リンクだよ</a>

取得してみよう

var className = $('a').attr('class');
console.log(className);

取得結果

class="hoge"となっているので、以下の様になる。

hoge

変更してみよう

var newClassName = $('a').attr('class', 'uha');

結果

hoge だったclassがuhaになる

<a href="#" class="uha">リンクだよ</a>

追加してみよう

変更する時と書き方は同じ

<a href="#" class="hoge">リンクだよ</a>

$('a').attr('id', 'ihi');

###結果
idが追加されている。

<a href="#" class="hoge" id="ihi">リンクだよ</a>

参考

[30分で理解！jQueryのattr()で属性操作を極めるコツ！]
(https://www.sejuku.net/blog/37402)