javascript - “on”中类的 JQuery 通配符推荐

Question

$(document).on('focus', '.mask-date, .mask-phone', function () {
 ...    
}):

对于上述语句，有一种方法可以使用通配符，如下所示。除了一个不起作用。

$(document).on('focus', '[class^=mask-]', function () {
 ...
});

标签： javascriptjqueryhtml

Answer 1

class您的选择器的问题在于它与属性字面匹配。如果其中一个输入有

class="foo mask-date"

它不会匹配，因为它不是修饰符mask-所要求的属性的开头。^=您可以通过以下方式做得更好：

[class*=mask-]

这将匹配属性中的任何位置。如果你也有类似的东西，这可能会得到一个错误的匹配class="bitmask-blah"，但这可能不太可能。