属性を操作する方法 (attr / prop / data) [jQuery]

属性

参考：

.attr() | jQuery API Documentation [Official]

使い方

参考：

.attr() | jQuery 日本語リファレンス (js STUDIO)

attr(name) | jQuery 日本語リファレンス (semooh.jp)

attr(key,value) | jQuery 日本語リファレンス (semooh.jp)

attr(properties) | jQuery 日本語リファレンス (semooh.jp)

attr(key,fn) | jQuery 日本語リファレンス (semooh.jp)

attr | jQuery リファレンス (jquerystudy.info)

removeAttr

参考：

.removeAttr() | jQuery 日本語リファレンス  (js STUDIO)

値なしの属性を設定する方法

参考：

Set attribute without value – Stack Overflow

prop

参考：

.prop() | jQuery 日本語リファレンス (js STUDIO)

prop | jQuery リファレンス (jquerystudy.info)

.prop() | jQuery API Documentation [Official]

data

参考：

jQuery の data-* 属性キャッシュ仕様と対策 – Qiita

data 属性を jQuery で使ってみる | cly7796.net

data 属性を動的に変更する場合の注意点 – Qiita

.data() | jQuery API Documentation [Official]

Does jQuery automatically decode data-* attributes? – Stack Overflow

使い分け

参考：

jQuery の attr と prop (と data と val と html とかつまり属性とかの取得) の使い分け一覧 – Qiita

タグの種類を取得する

prop メソッドで tagName を取得する。

$('.item').each(() => {
    console.log($(this).prop('tagName'));
})

参考：

jQuery で要素名を取得する – Qiita

Get selected element tag name – Stack Overflow

記事をシェアする：
タグ：

コメントを残す

メールアドレスが公開されることはありません。 ※ が付いている欄は必須項目です

Protected by reCAPTCHA
Privacy - Terms