Question

How can I achieve this behaviors onclick with jquery :

default state:

<a href="something.html">Anchor</a>

click state

<div class="highlight">
<a href="something.html">Anchor</a>
</div>

Answer 1

Fastest way to do this:

$('a').click(function() {
  $(this).wrap($('<div/>', { 'class': 'highlight'}));
});

However, this is probably what you want, much simpler just use whatever CSS effect you want:

$('a').click(function() {
  $(this).addClass('highlight'});
});