English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

jQuery その他

jQuery HTML/CSS メソッド

jQuery attr() メソッド

の値。attr()メソッドは、選択された要素の属性と値を取得または設定します。取得:属性値を設定すると、それが:最初の選択された要素

の値。attr()メソッドが使用された場合、:設定:属性値を設定すると、それが:すべての選択された要素/1つまたは複数の属性を設定:

値対。属性を削除する場合は、以下を使用してください:removeAttr()

メソッド。

文法:

属性の値を取得:

属性と値を設定:

属性と値を設定:

複数の属性と値を設定:

$("selector").attr({attribute:value, attribute:value, ...})

関数を使用して属性と値を設定:

使用する関数で属性と値を設定します:

サンプル

画像のsrc属性値を取得:

$("button").click(function(){
  $("img").attr("src");
});
テストして‹/›

画像のsrc属性を設定:

$("button").click(function(){
  $("img").attr("src", "icon_jquery.png");
});
テストして‹/›

複数の属性と値を設定:

$("button").click(function(){
  画像要素の属性を設定します:
    alt: "Parrot Icon"
    title: "Image by Seagull",
    width: "350px",
    height: "300px"
  });
});
テストして‹/›

関数を使用して属性と値を設定する:

$("button").click(function(){
  $("img").attr("width", function(i, val){
    return val - 60;
  });
});
テストして‹/›

ドロップダウンリストからsrc属性の値を設定します:


   
コードを実行します

パラメータ値

パラメータ説明
attribute属性名を指定します
value属性の値を指定します
function(index, currentValue)関数を指定して、設定する属性値を返します
  • index-要素が集合内のインデックス位置を返します

  • currentValue-選定された要素の現在の属性値を返します

jQuery HTML/CSS メソッド