ホームページ >ウェブフロントエンド >フロントエンドQ&A >jQueryのattrは何を意味しますか
jquery では、attr は選択した要素の属性と値を設定または返すために使用されるメソッドです。このメソッドを使用して属性値を返すと、最初に一致した要素の値を返すことができます。 ; このメソッドが使用されます 属性値を設定する場合、「要素オブジェクト.attr(属性)」または「要素オブジェクト.attr(属性, 属性値)」という構文で複数の属性値を設定できます。
このチュートリアルの動作環境: Windows10 システム、jquery3.2.1 バージョン、Dell G3 コンピューター。
attr() メソッドは、選択した要素の属性と値を設定または返します。
このメソッドを使用して属性値を返すと、最初に一致した要素の値が返されます。
このメソッドを使用して属性値を設定すると、一致する要素に対して 1 つ以上の属性/値のペアが設定されます。
構文
属性の値を返す:
$(selector).attr(attribute)
属性と値を設定する:
$(selector).attr(attribute,value)
関数を使用して属性と値を設定します:
$(selector).attr(attribute,function(index,currentvalue))
複数の属性と値を設定します:
$(selector).attr({attribute:value, attribute:value,...})
返される属性値の例は次のとおりです:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>123</title> <script src="js/jquery.min.js"> </script> <script> $(document).ready(function(){ $("button").click(function(){ alert("图片宽度: " + $("img").attr("width")); }); }); </script> </head> <body> <img src="img_pulpitrock.jpg" alt="Pulpit Rock" width="284" style="max-width:90%"> <br> <button>返回图片的宽度</button> </body> </html>
出力結果;
##ボタンの後にクリック: 推奨ビデオ チュートリアル:
以上がjQueryのattrは何を意味しますかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。