【jQuery】attrメソッドとは

attrメソッドとは

attrメソッドは、指定した要素の属性を取得または設定するためのメソッドです。このメソッドを使用すると、HTML要素の属性を取得したり、新しい値を設定したりすることができます。

attrメソッドの基本的な構文は次の通りです。

$(selector).attr(attributeName)       // 属性の値を取得する
$(selector).attr(attributeName, value) // 属性の値を設定する

• selector: 属性を取得または設定する対象の要素を指定するセレクター。
• attributeName: 取得または設定したい属性の名前。
• value: 設定したい属性の値。

例えば、以下のように使用することができます。
html:

<button id="myButton" class="btn" disabled>Click me</button>

javascript:

// disabled属性の値を取得する
var isDisabled = $('#myButton').attr('disabled');
console.log(isDisabled); // true

// disabled属性の値を設定する
$('#myButton').attr('disabled', 'disabled');

// クラス属性(class)の値を取得する
var classes = $('#myButton').attr('class');
console.log(classes); // btn

// クラス属性(class)の値を設定する
$('#myButton').attr('class', 'btn btn-primary');

attrメソッドは、要素の任意の属性に対して取得および設定を行うことができます。これにより、動的なコンテンツの生成やDOMの操作など、さまざまなシナリオで便利に使用することができます。