jQuery add class based on page URL

by

You can use window.location to get the current URL, and then switch based on that:

$(function() {
  var loc = window.location.href; // returns the full URL
  if(/technology/.test(loc)) {
    $('#main').addClass('tech');
  }
});

This uses a regular expression to see if the URL contains a particular phrase (notably: technology), and if so, adds a class to the #main element.

More Related Contents:

  1. required field notification using jquery
  2. CSS or jQuery : How to get visible top [duplicate]
  3. Write tags in HTML and print
  4. How to disable HTML links
  5. Refresh/reload the content in Div using jquery/ajax
  6. Animate element to auto height with jQuery
  7. What is difference between width, innerWidth and outerWidth, height, innerHeight and outerHeight in jQuery
  8. Change CSS of selected text using Javascript
  9. Modifying CSS class property values on the fly with JavaScript / jQuery
  10. Does .css() automatically add vendor prefixes?
  11. How to auto-scroll to end of div when data is added? [duplicate]
  12. Disable dragging an image from an HTML page
  13. Am I using too much jQuery? When am I crossing the line?
  14. Use a new CSS file to override current website’s
  15. How to get just numeric part of CSS property with jQuery?
  16. How can I change the font (family) for the labels in Chart.JS?
  17. How can I create an inset curved background that works with a background gradient and overlapping transparent shapes?
  18. Unusual shape of a textarea?
  19. Disable elastic scrolling in Safari [duplicate]
  20. How to display Image dynamically on UI?
  21. Get the scale value of an element?
  22. CSS Textarea that expands as you type text [duplicate]
  23. Can jQuery change css style definition? (not individual css of each element)
  24. How to make superfish dropdown menu responsive?
  25. jQuery Popup Bubble/Tooltip [closed]
  26. How do I make a div full screen?
  27. Convert css width string to regular number
  28. How can I compare two color values in jQuery/JavaScript?
  29. How should I crop an image at client side using jcrop and upload it?
  30. Removing element with jQuery?

Leave a Comment