Change Background color css property using Jquery

Question

I want to Change the background colour on click   This is my code work that i tried pls help me out         lt script src  http   ajax googleapis com ajax libs jquery 1 10 2 jquery min js  gt     document  ready function        co  click change       body  css  background-color   blue               Css code  body   background-color red      Body code         lt body gt        lt div id  co  click  change    gt   hello       lt  div gt

User · Answer

co   click function         this  css   backgroundColor     blue

User · Answer

Try below jQuery snippet  you can change color     lt script type  text javascript  gt        document  ready function                co   click function                    body   css  background-color    yellow                         lt  script gt     x000D   x000D    document  ready function    x000D          co   click function     x000D             body   css  background-color    yellow    x000D          x000D      x000D  body   x000D      background-color red  x000D    x000D   lt script src  https   cdnjs cloudflare com ajax libs jquery 3 3 1 jquery min js  gt  lt  script gt  x000D   lt div id  co  click  change    gt hello lt  div gt  x000D   x000D   x000D

User · Answer

The code below will change the div to blue    lt script gt     document  ready function            co   click                  body   css  background-color   blue                        lt  script gt   lt body gt         lt div id  co  gt hello lt  div gt   lt  body gt

User · Answer

You re using a colon instead of a comma  Try     body  css  background-color   blue      You also need to wrap the id in quotes or it will look for a variable called  co      co   click change     There are many more issues here  click isn t an HTML attribute  You want onclick  which is redundant   Try this    lt div id  co  gt   lt  -- no onclick method needed -- gt   lt script gt    document  ready function             co   click function                body   css  background-color   blue      edit  body must be in quotes               lt  script gt    You were trying to call an undefined method  It looks like you were trying to declare it inside the callback statement  I m not sure  But please compare this to your code and see the differences   http   jsfiddle net CLwE5  demo fiddle

User · Answer

Try this     body   css   background-color   blue

User · Answer

1 Remove onclick method from div element  2 Remove function change   from jQuery code and in place of that create an anonymous function like     document  ready function            co   click function              body   css  background-color   blue

User · Answer

Change Background Color using on click button jquery   Below is the code of jquery  which you can put in your head tag   jQuery Code    lt script src  https   ajax googleapis com ajax libs jquery 3 4 1 jquery min js  gt  lt  script gt   lt script gt        document  ready function             button   click function               div   addClass  myclass                       lt  script gt    CSS Code    lt style gt       myclass           background-color  red          padding  100px          color   fff         lt  style gt    HTML Code    lt body gt       lt div gt Lorem Ipsum is simply dummy text of the printing and typesetting industry  lt  div gt       lt button gt Click Here lt  button gt   lt  body gt

User · Answer

bchange   click function            body  this   css  background-color   yellow

[javascript] Change Background color (css property) using Jquery

Examples related to javascript

Examples related to jquery

Examples related to html

Examples related to css