JQuery 奇怪的属性

Question

我有一段代码使用了一个我无法识别的奇怪选择器:

$("div[tag=" + someVariable + "]").css("display", "block");

据我所知，选择器寻找一个 div 元素，该元素具有名为 tag 的属性，其值等于 someVariable。

tag 属性是什么？很多谷歌搜索都没有给我任何指示。

编辑:下一行是:

$("div[tag=" + someVariable+ "]").addClass("someClass");

难道这段代码创建了一个带有自定义属性的div，然后将其添加到页面中？

Answer 1

虽然不符合 HTML 规范，但大多数浏览器对自定义属性没有任何限制。

创建此内容的 HTML 如下所示:

<div tag="something">

HTML5， 虽然没有正式发布 (HTML5.0 于 2014 年 10 月达到“推荐”状态)，通过在它们前面加上“data-”(read more)来支持自定义标签的概念.所以，从技术上讲，它真的应该写成:

<div data-tag="something">

和

$("div[data-tag=" + someVariable + "]")