定義と使用法
attr() メソッドは、選択された要素の属性値を設定または返します。
このメソッドのパラメータの違いに応じて、その動作方法も異なります。
例 1
選択した要素の属性と値を設定します。
<html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ $("img").attr("width","180"); }); }); </script> </head> <body> <img src="/i/eg_smile.gif" /> <br /> <button>设置图像的 width 属性</button> </body> </html>
例 2
選択した要素の属性値を返します。
<html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ alert("Image width " + $("img").attr("width")); }); }); </script> </head> <body> <img src="/i/eg_smile.gif" width="128" height="128" /> <br /> <button>返回图像的宽度</button> </body> </html>
以上がこの記事の全内容です。皆さんに気に入っていただければ幸いです。