トップページ >  jQuery >  jQueryのattr()
初版2014/03/15: 最終更新日2014/03/15
jQueryのattr()
目次
jQueryのattr()
jQueryのattr()
jQueryのattr()は要素の属性を追加します。第一引数に属性、第二引数に属性値を指定します。

セレクタ.attr(キー,値);

aタグを追加し、href属性にurlを指定します。以下、例です。

 

<ul id="test">
<li id="litest"></li>
</ul>

上記から以下のように動的にa要素が追加され、href属性も追加されます。

<ul id="test">
<li id="litest"></li>
</ul>

以下、attrのソースです。

<script type="text/javascript">
$(function(){
  $("#btn1").click(function(){
    var $a = "<a id='anc'>";
    $("#litest").append($a);
    $("#anc").text("サンプル");
    $("#anc").attr("href","http://www.hp-kyoto.info/jQuery/");
    
  });
  
  $("#btn2").click(function(){
    $("#anc").empty();
  });
});
</script>