Help Change the CSS of an Element Using jQuery

i need to change the #target1 color to red with jquery i do it but i just doesnt work but when i copy/paste the example it actually change the color i can pass the text doing/copy paster but i want to know why my answer doesnt work?

Your code so far


<script>
  $(document).ready(function() {
   $("#target1").addClass("color", "red");
  });
</script>

<!-- Only change code above this line. -->

<div class="container-fluid">
  <h3 class="text-primary text-center">jQuery Playground</h3>
  <div class="row">
    <div class="col-xs-6">
      <h4>#left-well</h4>
      <div class="well" id="left-well">
        <button class="btn btn-default target" id="target1">#target1</button>
        <button class="btn btn-default target" id="target2">#target2</button>
        <button class="btn btn-default target" id="target3">#target3</button>
      </div>
    </div>
    <div class="col-xs-6">
      <h4>#right-well</h4>
      <div class="well" id="right-well">
        <button class="btn btn-default target" id="target4">#target4</button>
        <button class="btn btn-default target" id="target5">#target5</button>
        <button class="btn btn-default target" id="target6">#target6</button>
      </div>
    </div>
  </div>
</div>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/74.0.3729.108 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/front-end-libraries/jquery/change-the-css-of-an-element-using-jquery

The challenge instructions tell you about .css(), so why are you not using that method?

For your code to work, there would have to already be a class defined and you would need to put that class name as an string to pass to the addClass method. What you are attempting to do is not valid syntax or is it what the challenge is expecting you to do.

1 Like