Freecodecamp: рдЪреБрдиреМрддреА рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рд╕рдорд╕реНрдпрд╛ - рдПрдХ рд╣реА рддрддреНрд╡ рдХреЛ рдХрдИ jQuery рдХреЗ рдЪрдпрдирдХрд░реНрддрд╛рдУрдВ рдХреЗ рд╕рд╛рде рд▓рдХреНрд╖рд┐рдд рдХрд░реЗрдВ

рдХреЛ рдирд┐рд░реНрдорд┐рдд 31 рдЬреБрд▓ре░ 2016  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: freeCodeCamp/freeCodeCamp

рдЪреБрдиреМрддреА рдХрд╛ рдирд╛рдо

рдЕрдкрдиреЗ рдкреНрд░рддреНрдпреЗрдХ рддреАрди рдЪрдпрдирдХрд░реНрддрд╛рдУрдВ рдХреЗ рд╕рд╛рде рдХреЗрд╡рд▓ рдПрдХ рд╡рд░реНрдЧ рдЬреЛрдбрд╝реЗрдВред

рдореБрджреНрджреЗ рдХрд╛ рд╡рд┐рд╡рд░рдг

рдХреЗрд╡рд▓ рдХрд╛рд░реНрдп "рдХреЗрд╡рд▓ рдЕрдкрдиреЗ рддреАрди рдЪрдпрдирдХрд░реНрддрд╛рдУрдВ рдореЗрдВ рд╕реЗ рдкреНрд░рддреНрдпреЗрдХ рдХреЗ рд╕рд╛рде рдПрдХ рд╡рд░реНрдЧ рдЬреЛрдбрд╝реЗрдВред" рд╡рд┐рдлрд▓ рд░рд╣рддрд╛ рд╣реИред рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдореИрдВрдиреЗ рдХрд┐рдпрд╛ рд╣реИ рдХрд┐ рдореЗрд░реЗ рдХреЛрдб рдореЗрдВ рд╡рд┐рднрд┐рдиреНрди рдЪрдпрдирдХрд░реНрддрд╛рдУрдВ рдХреЗ рд╕рд╛рде рдХреЗрд╡рд▓ рдПрдХ рд╡рд░реНрдЧ рдЬреЛрдбрд╝рд╛ рдЧрдпрд╛ рд╣реИред

рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдЬрд╛рдирдХрд╛рд░реА

рдХреНрд░реЛрдо 52.0.2743.82 рдореА
рдЬреАрддреЗрдВ 10 рдЕрдВрдХ
рдбреЗрд╕реНрдХрдЯреЙрдк

рддреБрдореНрд╣рд╛рд░рд╛ рдХреЛрдб

<script>
  $(document).ready(function() {
    $("button").addClass ("animated");
    $(".btn").addClass ("shake");
    $("#target1").addClass ("btn-primary");
  });
</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>

рд╕реНрдХреНрд░реАрдирд╢реЙрдЯ

issue

рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА

рдЗрд╕ @JaLLiao рдХреА рд░рд┐рдкреЛрд░реНрдЯрд┐рдВрдЧ рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рдж, рдпрд╣ рдЗрд╕рд▓рд┐рдП рд╣реИ рдХреНрдпреЛрдВрдХрд┐ рд╣рдорд╛рд░реЗ рдкрд░реАрдХреНрд╖рдг .addClass рдФрд░ ( className ) рдмреАрдЪ рд░рд┐рдХреНрдд рд╕реНрдерд╛рди рдХреА рдЕрдиреБрдорддрд┐ рдирд╣реАрдВ рджреЗрддреЗ рд╣реИрдВред
рд╣рдореЗрдВ рд░рд┐рдХреНрдд рд╕реНрдерд╛рди рдХреА рдЕрдиреБрдорддрд┐ рджреЗрдиреЗ рдХреЗ рд▓рд┐рдП рдкрд░реАрдХреНрд╖рдгреЛрдВ рдХреЛ рд╕рдорд╛рдпреЛрдЬрд┐рдд рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдП: +1:

рд╕рднреА 3 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

рдЗрд╕ @JaLLiao рдХреА рд░рд┐рдкреЛрд░реНрдЯрд┐рдВрдЧ рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рдж, рдпрд╣ рдЗрд╕рд▓рд┐рдП рд╣реИ рдХреНрдпреЛрдВрдХрд┐ рд╣рдорд╛рд░реЗ рдкрд░реАрдХреНрд╖рдг .addClass рдФрд░ ( className ) рдмреАрдЪ рд░рд┐рдХреНрдд рд╕реНрдерд╛рди рдХреА рдЕрдиреБрдорддрд┐ рдирд╣реАрдВ рджреЗрддреЗ рд╣реИрдВред
рд╣рдореЗрдВ рд░рд┐рдХреНрдд рд╕реНрдерд╛рди рдХреА рдЕрдиреБрдорддрд┐ рджреЗрдиреЗ рдХреЗ рд▓рд┐рдП рдкрд░реАрдХреНрд╖рдгреЛрдВ рдХреЛ рд╕рдорд╛рдпреЛрдЬрд┐рдд рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдП: +1:

рд╕реНрдерд╛рдиреАрдп рд░реВрдк рд╕реЗ рдкрд░реАрдХреНрд╖рдг рдФрд░ рдКрдкрд░ рдкреАрдЖрд░ рдореЗрдВ рдЬреЛрдбрд╝рд╛ regex рдЗрд╕реЗ рдареАрдХ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рд▓рдЧрддрд╛ рд╣реИред рдЙрдореНрдореАрдж рд╣реИ рдХрд┐ рдпрд╣ gtg рд╣реИред

рдПрдХ рд╣реА рддреНрд░реБрдЯрд┐ рд╣реЛрдиреЗ рдХреЗ рд╕рд┐рд╡рд╛рдп рдореЗрд░реА рддрд░рдл рд╕реЗ рдХреЛрдИ рднреА рдЬрд╛рдБрдЪ рд╕реВрдЪреА рдирд╣реАрдВ рдмрджрд▓реЗрдЧреАред
рдФрд░ рдпрд╣ рдкрд░реАрдХреНрд╖рдг рдмрд┐рд▓реНрдХреБрд▓ рдирд╣реАрдВ рдЪрд▓реЗрдЧрд╛ред

screen shot 2016-11-06 at 6 10 51 pm

рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕

рд╕рдВрдмрдВрдзрд┐рдд рдореБрджреНрджреЛрдВ

MichaelLeeHobbs picture MichaelLeeHobbs  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

robwelan picture robwelan  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

raisedadead picture raisedadead  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

vaibsharma picture vaibsharma  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

kokushozero picture kokushozero  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ