jqueryの属性値変更サンプルコード(属性値の設定)_jquery

属性の設定 - attr()

jQuery attr() メソッドは、属性値の設定/変更にも使用されます。

次の例は、リンク内の href 属性の値を変更 (設定) する方法を示しています。

例

コードをコピー コードは次のとおりです。

$("button" ).click (function(){
$("#keleyi").attr("href","http://www.jb51.net");
});

attr() メソッドを使用すると、複数の属性を同時に設定することもできます。
次の例は、href 属性と title 属性の両方を設定する方法を示しています。

例

コードをコピー コードは次のとおりです。

$( "ボタン" ).click(function(){
$("#keleyi").attr({
"href" : "http://www.jb51.net",
"タイトル" : "ケレイネット"
});
});

attr() のコールバック関数

jQuery メソッド attr() はコールバック関数も提供します。コールバック関数は、選択された要素リスト内の現在の要素のインデックスと元の (古い) 値の 2 つのパラメータを取ります。次に、関数の新しい値として使用する文字列を返します。

次の例は、コールバック関数を使用した attr() メソッドを示しています。

例

コードをコピー コードは次のとおりです。

$("button" ).click (function(){
$("#keleyi").attr("href", function(i,origValue){
return origValue "/jquery";
});
}) ;