different result with jquery and javascript

Question

I have a select with id: param0.typeParameter.

I try to get it with jquery with:

$('#param0.typeParameter');

i get nothing but if it use this

document.getElementById('param0.typeParameter');

that work

Answer 1

To make jQuery select element with ID param0.typeParameter instead of element with ID param0 and class name typeParameter you should use the following:

$('#param0\\.typeParameter');

Official Proof

To use any of the meta-characters ( such as !"#$%&'()*+,./:;<=>?@[\]^``{|}~ ) as a literal part of a name, it must be escaped with with two backslashes: \\. For example, an element with id="foo.bar", can use the selector $("#foo\\.bar").

SOURCE: http://api.jquery.com/category/selectors/

DEMO: http://jsfiddle.net/LtRxg/