Recientemente me he peleado con la selección de un elemento del dom, cuyo ID tenía un punto. En este caso jQuery no sabe diferenciar que es ID y que sería el atributo CLASS cuando se intenta seleccionar.

Expongo el caso:

<input type=”text” id=”usuario.nombre” />

Si quisieramos usar el selector por ID, haríamos algo tal que así:

$(“#usuario.nombre”);

Pero nos encontraríamos que no nos devuelve lo esperado, ya que en este caso estaríamos buscando el elemento con ID “usuario” y CLASS “nombre”; el cual no existe.

Para solucionar este problema (a parte de no utilizar puntos dentro de los atributos, aunque la W3C lo permite) podríamos utilizar el selector por atributo:

$(“[id='usuario.nombre']“);

El resultado es el deseado, ya que forzamos que todo el texto buscado sea el identificador. Pero penalizaríamos el rendimiento, ya que la búsqueda por ID es más rapida que la de atributos en jQuery.