jQuery addClass example

Change class name on click in jQuery

by Edward

HTML

<div id="console">
</div>

CSS

body {
  background: #20262E;
  padding: 20px;
  font-family: Helvetica;
}

#console {
  background: #fff;
  border-radius: 4px;
  padding: 5px;
  font-size: 12px;
  white-space: pre;
}

JavaScript

function encodeFilter(filter) {
    var filterData = [];

    for (var x in filter) {
      filterData.push([x, ':', encodeURIComponent(filter[x])].join(''));
    }

    return filterData.join('/');
  }

  function decodeFilter(filterData) {
    var parts = filterData.split('/');
    var filter = {};
    for (var i in parts) {
      var p = parts[i].split(':', 2);
      filter[p[0]] = decodeURIComponent(p[1]);
    }

    return filter;
  }
  
  var $console = $('#console');
  
  var data = {r: 'user', t: 'true', s: 'ed=1:|'};
  var encoded = encodeFilter(data);
  var decoded = decodeFilter(encoded);
  $console.append(document.createTextNode(JSON.stringify(data) + "\n"));
  $console.append(document.createTextNode(encoded + "\n"));
  $console.append(document.createTextNode(JSON.stringify(decoded) + "\n"));