WEB TUTORIALS
PRACTICE EXAMPLES
HTML REFERENCES
CSS REFERENCES
PHP REFERENCES
Advertisements

How to Set or Unset a Cookie with jQuery

Topic: JavaScript / jQueryPrev|Next

Answer: Use the JS document.cookie Property

You can use the JS document.cookie property to set/unset a cookie, you don't need jQuery for this.

Let's take a closer look at the following example to understand how to set, read, update, unset or delete a cookie associated with the document in JavaScript:

  • <script>
  • // Set cookie with 30 days expiration time
  • document.cookie = "name=Peter; max-age=" + 30*24*60*60;
  •  
  • // Get name cookie value
  • var cookieValue = document.cookie.replace(/(?:(?:^|.*;\s*)name\s*\=\s*([^;]*).*$)|^.*$/, "$1");
  • console.log(cookieValue); // Prints: Peter
  •  
  • // Update existing cookie value
  • document.cookie = "name=Harry; max-age=" + 30*24*60*60;
  •  
  • // Read the updated name cookie value
  • var cookieValue = document.cookie.replace(/(?:(?:^|.*;\s*)name\s*\=\s*([^;]*).*$)|^.*$/, "$1");
  • console.log(cookieValue); // Prints: Harry
  •  
  • // Delete or unset the name cookie
  • document.cookie = "name=; max-age=0";
  • </script>

Related FAQ

Here are some more FAQ related to this topic:

Advertisements
Bootstrap UI Design Templates

Your Feedback:

We would love to hear from you, please drop us a line.