Target Elements by Class Using jQuery?

HTML-CSS
1

I have no idea an am lost on this… any help appreciated

Your code so far

<script>
  $(document).ready(function() {
    $("button").addClass("animated bounce");
  });
</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:

Your Browser User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/66.0.3359.139 Safari/537.36.

Link to the challenge:
https://www.freecodecamp.org/challenges/target-elements-by-class-using-jquery

2

it says to: Use the jQuery addClass() function to give the classes animated and shake to all your elements with the class well.

3

You are adding bounce, not shake. You are adding classes to button elements, not those with the class well.

4

i tried to change up top bounce to shake and still didnt work

5

Did you change it to target elements with the class well instead of button elements?

6

thanks a lot attention to detail is crucial. i never even acknowledged the only change code above this line. all you have to do is plug in .well and then animated shake

1 Like
7

For this challenge, it only tells you to add the animated and shake classes to objects in your .well class, but it doesn’t let you pass unless you also add the bounce class, which was needed in the previous challenge.