ホームページ > 記事 > ウェブフロントエンド > JavaScriptのattrは何を意味しますか
JavaScript における attr は、選択された要素の属性値を設定または返すことができる属性操作メソッドです。構文は "$(selector).attr(attribute)" または "$(selector) " です。 attr(属性,値)」。
このチュートリアルの動作環境: Windows 10 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。
attr() メソッドは、選択した要素の属性値を設定または返します。
選択した要素の属性値を返します。
Syntax
$(selector).attr(attribute)
attribute は、値を取得する属性を指定します。
選択した要素の属性と値を設定します。
Syntax
$(selector).attr(attribute,value)
attribute は属性の名前を指定します。
value 属性の値を指定します。
選択した要素の属性と値を設定します。
$(selector).attr(attribute,function(index,oldvalue))
attribute は属性の名前を指定します。
function(index,oldvalue) は、属性値を返す関数を指定します。
この関数は、セレクターのインデックス値と現在の属性値を受け取って使用できます。
選択した要素に複数の属性と値を設定します。
構文
$(selector).attr({attribute:value, attribute:value ...})
attribute:value 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",function(n,v){ return v-50; }); }); }); </script> </head> <body> <img src="/i/eg_smile.gif" style="max-width:90%" style="max-width:90%" / alt="JavaScriptのattrは何を意味しますか" > <br /> <button>减少图像的宽度 50 像素</button> </body> </html>
出力結果:
ボタンをクリックした後:
関連する推奨事項: JavaScript 学習チュートリアル
以上がJavaScriptのattrは何を意味しますかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。