使用空白类来标识元素或其他标记

Question

我可以使用“空白”类来识别dom的常见元素，以便使用jquery执行操作吗？我知道标签Id和Name在dom中必须是唯一的，但是，如果我需要识别相似的元素但不需要相同的样式...... 例如，在这种情况下：

<section class="custom-section identify1"></section>
<section class="custom-section identify1"></section>
<section class="custom-section identify2"></section>
<section class="custom-section identify1"></section>
<section class="custom-section identify2"></section>
<section class="custom-section identify1"></section>

在这种情况下custom-section样式化该部分并识别X组类似的部分...... 是正确的？ 现在有了jquery，我可以使用identifyX获取所有部分：

$(".identify1)

我知道在html5中存在自定义数据atributte（Data- *）custom data HTML5 我可以将此标签用于此功能吗？

Answer 1

是的，你可以使用“虚拟”类名，它实际上没有在CSS中定义任何样式。

正确的seletor将是$(".identify1")

Answer 2

是的，选择的数据属性将是beetter，然后为您的jQuery选择器设置CSS类。

以下是使用data-X属性selecotr

的示例

HTML：

<p data-test="">Hello</p>

JS：

var text = $('[data-test]').text(); 
alert(text);

Fiddle

Answer 3

是的，使用类似的类名是完全可以接受的。

类名用于指定类似的元素组。这恰好适合。