How to take id as selector when used hash?

by

To use any of the meta-characters such as !”#$%&'()*+,./:;<=>?@[]^`{|}~ as a literal part of a name, it must be escaped with with backslashes:

css way:

#test\#1{
    color: red;
}

jquery way:

$('#test\\#2').css('color','blue');

demo

Recommendation:

You should not use # in your id see more for detail

ID and NAME tokens must begin with a letter ([A-Za-z]) and may be followed by any number of letters, digits ([0-9]), hyphens (“-“), underscores (“_”), colons (“:”), and periods (“.”).

So, you may be also wondering id=”test.1″ can be used and for this too you should escape the character as described above.

More Related Contents:

  1. How to change the element of another div by clicking and hovering on an element of a different div
  2. Hide/Show div on specific page with jquery
  3. Issue with a design when content increase [closed]
  4. How to change color of SVG image using CSS (jQuery SVG image replacement)?
  5. Auto-size dynamic text to fill fixed size container
  6. Firing events on CSS class changes in jQuery
  7. Downloading jQuery UI CSS from Google’s CDN
  8. Create a CSS rule / class with jQuery at runtime
  9. How do I get background image size in jQuery?
  10. Is it possible to use jQuery to get the width of an element in percent or pixels, based on what the developer specified with CSS?
  11. Selecting elements with a certain background color
  12. Remove CSS from a Div using JQuery
  13. Correct way to animate box-shadow with jQuery
  14. Leaving out the last semicolon of a CSS block
  15. Changing Body Font-Size based on Font-Family with jQuery
  16. How to make Bootstrap carousel slider use mobile left/right swipe
  17. How to expand ‘select’ option width after the user wants to select an option
  18. Get the value of -webkit-transform of an element with jquery
  19. How do you select elements based on their style?
  20. jQuery/CSS: line-height of “normal” == ?px
  21. How to hide/remove a DIV when empty
  22. Trying to make multiple background images cycle through a slideshow with CSS and JQUERY
  23. Leave menu bar fixed on top when scrolled [closed]
  24. Set background colour of select to selected option in JQuery
  25. Change the body background image with fade effect in jquery
  26. Overriding CSS styles of the jQuery UI Tooltip widget
  27. JQuery search in static HTML page with highlighting of found word
  28. The .fadeOut() method to use visibility property instead of display property
  29. Bootstrap Carousel showing next and previous image
  30. Possible to have a floating horizontal scrollbar?

Leave a Comment