рдЕрдкрдиреЗ рдкреНрд░рддреНрдпреЗрдХ рддреАрди рдЪрдпрдирдХрд░реНрддрд╛рдУрдВ рдХреЗ рд╕рд╛рде рдХреЗрд╡рд▓ рдПрдХ рд╡рд░реНрдЧ рдЬреЛрдбрд╝реЗрдВред
рдХреЗрд╡рд▓ рдХрд╛рд░реНрдп "рдХреЗрд╡рд▓ рдЕрдкрдиреЗ рддреАрди рдЪрдпрдирдХрд░реНрддрд╛рдУрдВ рдореЗрдВ рд╕реЗ рдкреНрд░рддреНрдпреЗрдХ рдХреЗ рд╕рд╛рде рдПрдХ рд╡рд░реНрдЧ рдЬреЛрдбрд╝реЗрдВред" рд╡рд┐рдлрд▓ рд░рд╣рддрд╛ рд╣реИред рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдореИрдВрдиреЗ рдХрд┐рдпрд╛ рд╣реИ рдХрд┐ рдореЗрд░реЗ рдХреЛрдб рдореЗрдВ рд╡рд┐рднрд┐рдиреНрди рдЪрдпрдирдХрд░реНрддрд╛рдУрдВ рдХреЗ рд╕рд╛рде рдХреЗрд╡рд▓ рдПрдХ рд╡рд░реНрдЧ рдЬреЛрдбрд╝рд╛ рдЧрдпрд╛ рд╣реИред
рдХреНрд░реЛрдо 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>
рдЗрд╕ @JaLLiao рдХреА рд░рд┐рдкреЛрд░реНрдЯрд┐рдВрдЧ рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рдж, рдпрд╣ рдЗрд╕рд▓рд┐рдП рд╣реИ рдХреНрдпреЛрдВрдХрд┐ рд╣рдорд╛рд░реЗ рдкрд░реАрдХреНрд╖рдг .addClass
рдФрд░ (
className
)
рдмреАрдЪ рд░рд┐рдХреНрдд рд╕реНрдерд╛рди рдХреА рдЕрдиреБрдорддрд┐ рдирд╣реАрдВ рджреЗрддреЗ рд╣реИрдВред
рд╣рдореЗрдВ рд░рд┐рдХреНрдд рд╕реНрдерд╛рди рдХреА рдЕрдиреБрдорддрд┐ рджреЗрдиреЗ рдХреЗ рд▓рд┐рдП рдкрд░реАрдХреНрд╖рдгреЛрдВ рдХреЛ рд╕рдорд╛рдпреЛрдЬрд┐рдд рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдП: +1:
рд╕реНрдерд╛рдиреАрдп рд░реВрдк рд╕реЗ рдкрд░реАрдХреНрд╖рдг рдФрд░ рдКрдкрд░ рдкреАрдЖрд░ рдореЗрдВ рдЬреЛрдбрд╝рд╛ regex рдЗрд╕реЗ рдареАрдХ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рд▓рдЧрддрд╛ рд╣реИред рдЙрдореНрдореАрдж рд╣реИ рдХрд┐ рдпрд╣ gtg рд╣реИред
рдПрдХ рд╣реА рддреНрд░реБрдЯрд┐ рд╣реЛрдиреЗ рдХреЗ рд╕рд┐рд╡рд╛рдп рдореЗрд░реА рддрд░рдл рд╕реЗ рдХреЛрдИ рднреА рдЬрд╛рдБрдЪ рд╕реВрдЪреА рдирд╣реАрдВ рдмрджрд▓реЗрдЧреАред
рдФрд░ рдпрд╣ рдкрд░реАрдХреНрд╖рдг рдмрд┐рд▓реНрдХреБрд▓ рдирд╣реАрдВ рдЪрд▓реЗрдЧрд╛ред
рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА
рдЗрд╕ @JaLLiao рдХреА рд░рд┐рдкреЛрд░реНрдЯрд┐рдВрдЧ рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рдж, рдпрд╣ рдЗрд╕рд▓рд┐рдП рд╣реИ рдХреНрдпреЛрдВрдХрд┐ рд╣рдорд╛рд░реЗ рдкрд░реАрдХреНрд╖рдг
.addClass
рдФрд░(
className
)
рдмреАрдЪ рд░рд┐рдХреНрдд рд╕реНрдерд╛рди рдХреА рдЕрдиреБрдорддрд┐ рдирд╣реАрдВ рджреЗрддреЗ рд╣реИрдВредрд╣рдореЗрдВ рд░рд┐рдХреНрдд рд╕реНрдерд╛рди рдХреА рдЕрдиреБрдорддрд┐ рджреЗрдиреЗ рдХреЗ рд▓рд┐рдП рдкрд░реАрдХреНрд╖рдгреЛрдВ рдХреЛ рд╕рдорд╛рдпреЛрдЬрд┐рдд рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдП: +1: