data-calc-typeとはどういう意味ですか？

Question

ボタンのタイプについて質問があります。このコードでは、どのようなデータ計算型が意味するのでしょうか？

<label for="x">x: </label><input id="x" type="number" placeholder="0"/> 
<label for="y">y: </label><input id="y" type="number" placeholder="0"/> 
<label for="z">z: </label><input id="z" type="number" placeholder="0"/> 

<div id="calculations"> 
    <button data-calc-type="area">Pole</button> 
    <button data-calc-type="circuit">Obwód</button> 
    <button data-calc-type="volume">Objetość</button> 
</div> 

<p>Wynik: <span id="result"></span></p> 

Answer 1

data- *属性はきれいです。それはあなたがあなたのスクリプトでそれを参照することができるようにそれにデータを格納することができます。

例：ページには多くのボタンがあります。すべてのボタンは異なる動作を行います。多くの関数を呼び出すのではなく、データの属性を処理し、それに応じてデータを処理する関数を呼び出すことができます。 [データ属性を使用]

if ($('#button_ID').attr('data-*') == "this attribute"){ //do something}