ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScriptのattrは何を意味しますか

JavaScriptのattrは何を意味しますか

WBOY
WBOYオリジナル
2022-02-08 11:14:298895ブラウズ

JavaScript における attr は、選択された要素の属性値を設定または返すことができる属性操作メソッドです。構文は "$(selector).attr(attribute)" または "$(selector) " です。 attr(属性,値)」。

JavaScriptのattrは何を意味しますか

このチュートリアルの動作環境: Windows 10 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

javascript における attr の意味

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のattrは何を意味しますか

ボタンをクリックした後:

JavaScriptのattrは何を意味しますか

関連する推奨事項: JavaScript 学習チュートリアル

以上がJavaScriptのattrは何を意味しますかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。