我想制作一个图像，单击该图像时会显示有关该图像的一些附加信息，例如标题。下面是我尝试过的一些代码，它似乎有效。然而，这只是在我自己决定尝试添加自定义属性“标题”之后，而不是在某处读到这是执行此操作的方法之后。因此，尽管这对我有用，但我想知道这是否是好的做法，或者是否有推荐的方法来做到这一点？
HTML:
<img id="test_image" src="images/image1.jpg" title="Test Image">
jQuery:
$("#test_image").click(function()
{
alert(this.title);
});
最佳答案
title 不是自定义属性，而是标准属性。当您将鼠标悬停在元素上时，它会显示在工具提示中。
您不应创建自定义属性。 HTML5 有一个用户定义属性的标准机制，data attributes 。所有以data- 开头的属性都保留供程序员使用。 jQuery 有一个访问这些的方法，.data()。
$("#test_image").click(function()
{
alert($(this).data('title'));
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img id="test_image" src="images/image1.jpg" data-title="Test Image">关于jquery - 在 HTML 中添加自定义属性，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41274666/