jQueryセレクタではどのような文字が使用できますか？

Question

jQueryを使用して、自分のウェブサイトのアンカーにスムーズにスクロールさせています。アンカーは、»ü、ä、ö«やその他のユニコード文字などのドイツ語のウムラウトを含むことができるようにプログラムで作成されます。 この関数は、ハッシュが参照する要素を選択するためにハッシュを使用します。

// Smooth scroll to anchor position. 
function smoothScroll (hash) { 

    var scrollTo = typeof $(hash).offset().top != undefined ? $(hash).offset().top: 0; 

    $('html, body').animate({ 
    scrollTop: scrollTo 

    }, 800); 
} 

// Test smooth scroll. 
smoothScroll ("#Akademie-für-Gestaltung"); 

これはChromeとSafariでは動作しますが、Firefoxでは動作しません。次のエラーが発生します。

Error: Syntax error, unrecognized expression: #Akademie-f%C3%BCr-Gestaltung... 

これは私の質問につながります。どのキャラクタがjQueryセレクタで使用できるのかをどのように知ることができますか？ jQuery documentationには次の文字のみが記載されています!"#$%&'()*+,./:;<=>?@[\]^{|}~

セレクタがすべての最新のブラウザで機能することを確認するには、どのように他の文字をエスケープする必要がありますか？

Answer 1

How do I know, which characters are allowed in jQuery selectors?

これらはCSSセレクタです。詳細はthe selectors specificationです。セレクタで使用されるリテラルIDとクラス名の規則はhereです。エスケープでは、文字通り使えなかった文字を使用できます（ただし、痛みですので避けるのが最善です）。たとえば、üを使用することはできますが、そのまま使用することはできないため、逃げなければなりません。

しかし、IDセレクタは単なる特別な（非常に高速な）種類のセレクタです。 attribute selectorは引用符で囲むことができます。つまり、エスケープを避けることができます。$('[id="Akademie-f%C3%BCr-Gestaltung"]')これは完全に有効で正しいものです。