Jquery is not working with background change of button?

Question

I have a html button but i am unable to change it background with Jquery.

<html>
  <head><script type="text/javascript" src="jquery_2x.js"></script><script type="text/javascript" src="func_btns.js"></script> </head>
  <body bgcolor='#454545'><br />
    <form method="POST" action="">
        <input type="button" value="Button #1" name="sname" class="btn2" /><br/><br />
        <input type="button" value="Button #2" name="sclass" class="btn2"/>
    </form>                                 
  </body>
</html>

and Here is func_btns.js File:

$(document).ready(function(){
   $('btn2').css('background-image', 'btna.jpg');
});

Simple JS code work but this peace of code is not working, i have download latest jquery and attach to html page.

score 0 · Answer 1 · answered Mar 04 '15 at 02:03

0

Use a . to use class selector , that is $(".btn2")

answered Mar 04 '15 at 02:03

MK Yung

4,344
6
30
35

score 0 · Accepted Answer · edited May 23 '17 at 12:20

0

Here is the similar topic Setting background-image using jQuery CSS property

Try something like this,

 $('.btn2').css('background-image', 'url("btna.jpg")');

edited May 23 '17 at 12:20

Community

1
1

answered Mar 04 '15 at 02:04

Lumi Lu

3,289
1
11
21

thanks it works, can you tell me what was error in my jq code – Mehar Saad Ahsan Jhawari Mar 04 '15 at 02:07
first, $('.btn2') missing '.'; second, using 'url("btna.jpg")' instead of ''btna.jpg''. Glad hearing it is working now. – Lumi Lu Mar 04 '15 at 02:09

Jquery is not working with background change of button?

2 Answers2