How to Set or Unset a Cookie with jQuery

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>