jQueryを使っていて、HTMLのIDやクラスや属性を参照するときに記号がある時の注意です。
少しこんなのあったな、くらいに覚えておきたい内容です。
以下のような記号がIDやクラスで使われていた時、があったとしましょう。
!"#$%&'()*+,./:;<=>?@[\]^`{|}~
HTML側は結構なんでも動いてしまうので
HTML側で記号の頭に「\\」をつけてあげましょう。
id="foo.bar"
こんなIDのときは
$("#foo.bar")
こうすると違う動きをしてしまうので
↓
$("#foo\\.bar")
このようにしましょう。
ソース元のサイトはこちら