Javascript 存储文本数据的全局属性

我通常使用

id

或

class

将一些参数传递给javascript函数。例如：

<input type="text" id="myInput" onclick="callInput(this.id)">

但是，在某些情况下，元素已经具有

id

和

class

，因此我需要另一个属性来存储参数

---

哪些属性适用于此目的？

您可以使用数据属性

<input type="text" id="myInput" onclick="callInput(this.id)" data-id="someid" >

或

---

你能详细解释一下这个

数据
属性吗？为什么
this.id
接受
someid
而不是
myInput
？是否
数据类
，
数据标题
，
数据占位符
，。。。存在？
$('#myInput').on("click",function(){
    alert($(this).attr("data-id"));
});

$('#myInput').on("click",function(){
    alert($(this).data("id"));
});