WEB TUTORIALS
PRACTICE EXAMPLES
HTML REFERENCES
CSS REFERENCES
PHP REFERENCES

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:

Bootstrap UI Design Templates Property Marvels - A Leading Real Estate Portal for Premium Properties