How to add style to selector via jquery.?

Question

Will the following code work?

var htmlattri="background-color:red;"; $('a').css("style",htmlattri); 

If not, what is the right solution?

Answer 1

You can add it to the style attribute:

 $('a').attr('style', htmlattri); 

But I would use .css() :

 $('a').css('background-color', 'red'); 

Or better yet, do it with style and just use .addClass() .

Answer 2

Try the following:

 $("a").css("background-color","red"); 

or

 var style ="background-color:red;"; $("a").attr("style", style); 

Answer 3

You were almost there. You must specify the parameter name and value separately: $('a').css("background-color","red");

Answer 4

Use this

 $('a').css('background-color','red'); 

OR you can also use this type

 $('a').css({background-color:'red'}); 

Answer 5

You can achieve this by doing the following:

  $('a').css("background-color",red); 

But you should not do this directly on the hyperlink. You must create a class or Id and add this CSS class for a specific class or id.

HTML: -

  <a href="#" class="link" id="link">Test</a> 

JQuery: -

  $('#link').css("background-color",red); 

Answer 6

try the following code:

$('a').css('background-color','red');

Answer 7

 $('a').css('backgroundColor': 'red');