HTML5范围 - 不支持的伪：范围

Question

您好，我有一个相当简单的问题。我使用HTML5范围滑块类型：<input type="range">，我想通过jQuery触发它。

我使用了以下代码：

$("form input:range").each(function () {
    // Do something
});

出于某种原因，我收到以下错误：

  

！   未捕获错误：语法错误，无法识别的表达式：unsupported pseudo：range

也许很重要：我使用 jquery-1.12.1.min.js 。

现在有人为什么会这样，我怎么能解决这个问题？

Answer 1

试试这个：

jQuery("input[type=range]")

:用于获取某种元信息，通常与用户对元素的处理有关。

例如：:hover仅适用于用户将光标放在上面的元素，:visible是用户可以看到的元素。

修改

Pranav C Balan的回答更好地解释了发生了什么：HTML5 range - unsupported pseudo: range

Answer 2

css或jQuery中没有:range伪选择器。相反，您可以使用attribute equals selector

$("form input[type='range']").each(function () {
    // Do something
});

对于所有支持的选择列表，请访问： JQuery Selectors

Answer 3

是的，您需要使用属性等于选择器：

jQuery("input[type=range]")

可以使用:in-range或:out-of-range css选择器来表示最小值和最大值范围：

$("form input:in-range").each(function () {
    // Do something
});

但是唉！没有:range选择器。