attr
UK ['ətr] US ['ətr]
abbr.魅力的な、魅力的な
jquery attr() メソッド 構文
関数: attr() メソッドは、選択された要素の属性値を設定または返します。メソッドのパラメータに応じて、動作方法も異なります。
属性値を返す: 選択した要素の属性値を返します。
# 構文: $(selector).attr(attribute
##パラメータ:
Parameter| Description | |
attribute | 値を取得する属性を指定します。 | |
Set 属性/値:
選択した要素の属性と値を設定します。
構文:
$(selector)。 attr(attribute, value
パラメータ:
パラメータ| 説明 | |
attribute | 属性の名前を指定します | |
value | 属性の値を指定します | |
関数を使用して属性/値を設定します:
選択した要素の属性と値を設定します。
#構文:
$(selector).attr(attribute,function (index,oldvalue))
パラメータ:
パラメータ| 説明 | |
attribute | 属性の名前を指定します。 | |
function(index,oldvalue )| 属性値を返す関数を指定します。この関数は、セレクターのインデックス値と現在の属性値を受け取って使用できます。 | |
複数の属性/値のペアを設定します:
は選択された要素です 複数の属性と値を設定します。
構文:
$(selector).attr({attribute:value,属性:値 ...})
#パラメータ:
##パラメータ
##説明 | attribute:value | 1 つ以上の属性と値のペアを指定します。
| jquery attr() メソッド 例
<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("img").attr("width","180");
});
});
</script>
</head>
<body>
<img src="http://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg" />
<br />
<button>设置图像的 width 属性</button>
</body>
</html>[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します