javascript - remove - Los selectores de clase JQuery como $(. SomeClass) distinguen entre mayúsculas y minúsculas?

jquery selector class contains

Question

Dado este HTML:

<div class="OpenIDSelector">some text</div>

¿Por qué este selector JQuery lo hace coincidir en algunos navegadores y en algunas páginas, pero no en otros?

$(''.OpenIdSelector'')

NOTA: Me encontré con este problema y lo resolví yo mismo, pero era molesto y no lo encontré en StackOverflow ya, así que lo publico como un par de preguntas y respuestas para que alguien más no pierda una hora como yo.

Answer 1

Resulta que el selector de clase de JQuery utiliza el nuevo método javascript getElementsByClassName si el navegador lo admite. Este método no distingue entre mayúsculas y minúsculas en las páginas de modo extravagante, y distingue entre mayúsculas y minúsculas en las páginas que no son de modo extravagante (también conocidas como estándares). Claro, generalmente es obvio que los casos son diferentes, pero cuando el texto se atasca en medio de un selector largo y complejo, fue difícil de ver. Aparentemente hay muchas diferencias entre mayúsculas y minúsculas entre los estándares y las peculiaridades a tener en cuenta.

Moraleja de la historia: haga coincidir el caso de todo en su HTML (nombres de elementos, clases de CSS, etc.) porque nunca se sabe cuándo un cambio en un navegador, un estándar o una biblioteca podría invalidar su suposición sobre la falta de sensibilidad a los casos.