HTML5の範囲 - サポートされていない疑似：範囲

Question

こんにちは私はかなり簡単な質問があります。私はHTML5の範囲スライダーのタイプを使用します：<input type="range">と私はそれをjQuery経由でトリガーしたいです。私は次のコードを使用

：

! Uncaught Error: Syntax error, unrecognized expression: unsupported pseudo: range

おそらく重要：何らかの理由で

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

を私は次のエラーを取得する私は、jqueryの-1.12.1.min.jsを使用しています。

これは誰になりましたか、なぜこれを解決できるのでしょうか？

Answer 1

これを試してみてください：

jQuery("input[type=range]") 

:は通常、ユーザーが要素でやっていることに関連するメタ情報、のいくつかの種類を取得するためです。

たとえば、:hoverは、ユーザーがカーソルを置いた要素にのみ適用され、:visibleは、ユーザーに表示される要素です。

EDIT

Pranav Cバランの答えは、より良い何が起こっているかを説明します。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です。