如何将jQuery的$(el).is("invalid")转换为原生JavaScript？

要替代jQuery的$(el).is("invalid")，直接使用原生的Element.matches()方法即可，它专门用来检查元素是否匹配指定的CSS选择器，这里就是:invalid伪类：

if (el.matches(':invalid')) {
  // 你的业务逻辑代码
}

matches()方法的作用和jQuery的.is()在这个场景下完全一致，都是判断目标元素是否符合给定的CSS选择器规则。:invalid是标准CSS伪类，用于匹配未通过表单验证的表单控件元素，原生方法可以直接识别这个伪类。

内容的提问来源于stack exchange，提问作者Flimm