title: Javascript + queryselector support with all special characters with classname
body: <p>Generally when using query selector in javascript we do like this,</p>
  
  <pre><code>&lt;a href="http://www.test.com" class="abcd"&gt;ABCD&lt;/a&gt;
  var className = 'abcd';
  var x = document.querySelector('.'+className);
  </code></pre>
  
  <p>It's working fine.
  Here, The className will be change generically. 
  Example when I have classname with '/' had problem in that query selector</p>
  
  <pre><code>&lt;a href="http://www.test.com" class="abcd/efgh"&gt;ABCD&lt;/a&gt;
  var className = 'abcd/efgh';
  var x = document.querySelector('.'+className);
  </code></pre>
  
  <p>We get error like this</p>
  
  <pre><code>Uncaught DOMException: Failed to execute 'querySelector' on 'Document': '.abcd/efgh' is not a valid selector.
  </code></pre>
  
  <p>I understand the error due to classname have '/' , we can fix it using regular expression. But it;s possible to add the code for all special character support using regular expression or someother?</p>
  
  <p>The classname is dynamically changes, So it comes with slash or anyother special character. It's possible to add the with all possible special characters.</p>