Adding class to link in JQuery

Question

I have a anchor tag and would like to add a class to it in my document ready function. How do I do that?

Thanks,

Sachin

if you want to have it from the start, why not add it on the html directly ? — Gabriele Petrioli
– Gabriele Petrioli, Commented May 15, 2012 at 10:40

Fabrizio Calderan · Accepted Answer · 2012-05-15 10:39:37Z

3

$(function() {  
   /* domReady */
   $('a').addClass('yourclass');
});

of course if your link has an id use a more specific selector like

 $('#yourlink').addClass('yourclass');

answered May 15, 2012 at 10:39

Fabrizio Calderan

124k26 gold badges171 silver badges183 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

But the only thing is that I have 3 links and only want to add the class to one of them

@sachin, based on what rule ?

Imdad · Accepted Answer · 2012-05-15 10:41:39Z

1

$(document).ready(function() {  
   $('#id1_of_a, #id2_of_a, #id3_of_a').addClass('myClass');
});

answered May 15, 2012 at 10:41

Imdad

6,0424 gold badges37 silver badges53 bronze badges

The System Restart · Accepted Answer · 2012-05-15 10:41:44Z

1

$(function() {  
   $('a:first').addClass('yourclass'); // suppose add class to first <a>
});

or

$('a:eq(1)').addClass('yourclass'); // suppose add class to second <a> and so on

or

$('a#some').addClass('yourclass'); // suppose add class to <a> have id 'some'

answered May 15, 2012 at 10:41

2,88121 silver badges28 bronze badges