一般jQuery获取某个id为elem元素,只需用$('#elem')就行了,但是如果id中不小心包括了'.' ,那么我吗就会发现这时候jQuery就不能获取到这个元素了。但是使用dom原生的getElementById的方法就可以获取到。
一开始遇见这种情况还是有点蒙的,后面看下jQuery的源码就能发现使用css选择器来获取元素的时候首先调用的是dom的querySelector方法,我们试验下原生的querySelecor方法也就发现不能获取到该元素了。
到这里我们大致就知道往哪个方向找原因了,问题应该出现在css的选择器上面,因为'.'在css选择器里对应的是获取class的元素,和#相连起来的话那就是对某个元素即要符合id的值又要包括class的值得元素了,这样一来之前获取不到元素也就不奇怪了。
如此看来,我们可以这样认为在id里面加'.'应该不符合html标准,至少在css这一块看来,因为会引起很多的语义冲突。在使用过程中尽量用'-','_'来替代。
那么如果一定得获取带点的id元素,还有没有解决办法呢?上面用getElementById就是其中的一种,如果你使用jQuery的话,还能使用[id='']属性选择器来获取该元素。