javascript - :valid and :invalid selectors in jQuery

Question

在 jQuery 中 3.2.1 , 调用下面的表达式返回 "undefined" (对于两者):

typeof $.expr[":"]["valid"]
typeof $.expr[":"]["invalid"]

但是，可以调用 $(":valid") 或 $(":invalid") 并且在下面的示例中，这些选择器似乎返回具有有效或无效值的输入。documentation 中未提及这些选择器存在。

请检查这个example澄清。

• 你能解释一下 :valid 和 :invalid 选择器是在哪里定义的吗？
• jQuery 如何解析这些选择器？

Answer 1

jQuery 不包含它自己的 :valid 和 :invalid 选择器的实现。这些选择器通过浏览器通过 document.querySelectorAll() 标准的 native 实现在 jQuery 中工作。

这也意味着 $(":valid") 和 $(":invalid") 在不支持这些选择器的浏览器中不起作用，例如作为 Internet Explorer 8(顺便提一下，唯一实现 querySelectorAll())及更早版本的浏览器。