How Target HTML Elements with Selectors Using jQuery

Tell us what’s happening:
please how do I go about this task

Your code so far

<script>
  $(document).ready(function() {

  });
</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 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/61.0.3163.100 Safari/537.36.

Link to the challenge:

Target HTML Element means to use the tag’s name.
For example: If you want to Target Button elements, you know that

<button>

is the tag for the Buttons, then it’s name element is button.
To catch it with JQuery, yo must use the $.
To sum up, you can get the button element with JQuery like this:
$("button").
Then, you can use several functions that JQuery let you use for that element…
$("button").nameOfTheFunction();

Have done that and I still can’t pass the stage please help with the code

Remember to set your code inside the script, document ready function.

If you write the following line, you’ll pass the test:

$(“button”).addClass(“animated bounce”);

Also, notice the addClass function, and it’s C set on Capital Letter.

2 Likes