Javascript Jquery-除Id和类之外要使用的Html选择器

在使用Jquery时，除了使用Id和类选择器之外，还有其他方法可以使用吗

例如：

<div id="myId" class="myClass"></div>

<script>
    $('.myClass').click(function() {
        alert(this.id); //alerts my "myId"
    });
</script>

$（'.myClass'）。单击（函数（）{
警报（this.id）；//警报我的“myId”
});

我想要像这样的东西：

<div id="myId" data-id="myDataId" class="myClass"></div>

<script>
    $('.myClass').click(function() {
        alert(this.dataId);
    });
</script>

$（'.myClass'）。单击（函数（）{
警报（this.dataId）；
});

您可以选择不同的选择器，如：

$( "div[data-id='myDataId']" );

然后：

$(this).attr("data-id")

或者.data（）（如果使用更新的jQuery>=1.4.3）

你可以在这里阅读： 您可以执行以下操作：

<div id="myId" data-id="myDataId" class="myClass"></div>

<script>
    $('.myClass').click(function() {
        alert($(this).data("id"));
    });
</script>

$（'.myClass'）。单击（函数（）{
警报（$（this）.data（“id”）；
});

JSFIDLE

<div id="myId" data-id="myDataId" class="myClass"></div>

<script>
    $('.myClass').click(function() {
        alert($(this).data("id"));
    });
</script>

 $("[data-id=myDataId]")