@ PHP

attr() removeAttr():属性値の変更と取得

jQuery では HTML の要素だけではなく、属性に設定されている値も簡単に変更・取得できます。

属性値の変更

attr() を使うと属性値を変更できます。attr() は変更したい属性名と変更後の属性値を引数に指定します。

たとえば、a 要素の href 属性の値を変更するには、次のように記述します。

attr.html

<!DOCTYPE html>
<html lang="ja">

<head>
<meta charset="utf-8">
<title>sample</title>
</head>

<body>
  <a href="http://www.yahoo.co.jp">go to where?</a>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(function() {
  $("a").attr("href","http://www.google.co.jp")
});
</script>
</body>

</html>

demo

属性値の削除

セレクタで指定した要素に特定の属性が設定されている場合、removeAttr() で属性を削除できます。

removeattr.html

<!DOCTYPE html>
<html lang="ja">

<head>
<meta charset="utf-8">
<title>sample</title>
</head>

<body>
  <a href="http://www.yahoo.co.jp" target="_blank">リンク先</a>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(function() {
  $("a").removeAttr("target")
});
</script>
</body>

</html>

demo