์ธ ์ ํ๊ธฐ ๊ฐ๊ฐ์ ํ๋์ ํด๋์ค ๋ง ์ถ๊ฐํ์ญ์์ค.
"์ธ ์ ํ๊ธฐ ๊ฐ๊ฐ์ ํ๋์ ํด๋์ค ๋ง ์ถ๊ฐํ์ญ์์ค." ์คํจํฉ๋๋ค. ๋ด ์ฝ๋์ ๋ค๋ฅธ ์ ํ๊ธฐ๋ก ํ๋์ ํด๋์ค ๋ง ์ถ๊ฐ๋์๋ค๊ณ ์๊ฐํฉ๋๋ค.
ํฌ๋กฌ 52.0.2743.82m
Win10
๋ฐ์คํฌํ
<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>
@JaeLiao ๋ฅผ๋ณด๊ณ ํด ์ฃผ์
์ ๊ฐ์ฌํฉ๋๋ค. ์ด๋ ํ
์คํธ์์ .addClass
์์ (
className
)
์ฌ์ด์ ๊ณต๋ฐฑ์ ํ์ฉํ์ง ์๋ ๊ฒ ๊ฐ๊ธฐ ๋๋ฌธ์
๋๋ค.
๊ณต๋ฐฑ์ ํ์ฉํ๋๋ก ํ
์คํธ๋ฅผ ์กฐ์ ํด์ผํฉ๋๋ค. + 1 :
๋ก์ปฌ์์ ํ ์คํธํ์ผ๋ฉฐ ์์ PR์ ์ถ๊ฐ ๋ ์ ๊ท์์ด์ด ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ๋ ๊ฒ ๊ฐ์ต๋๋ค. ๋ฐ๋ผ๊ฑด๋ gtg์ ๋๋ค.
์ธก๋ฉด์ ์ฒดํฌ๋ฆฌ์คํธ๊ฐ ๋ณ๊ฒฝ๋์ง ์๋ ๊ฒ์ ์ ์ธํ๊ณ ๋ ๋์ผํ ์ค๋ฅ๊ฐ ๋ฐ์ํฉ๋๋ค.
ํ
์คํธ๋ฅผ ์ ํ ์คํํ์ง ์์ต๋๋ค.
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
@JaeLiao ๋ฅผ๋ณด๊ณ ํด ์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค. ์ด๋ ํ ์คํธ์์
.addClass
์์(
className
)
์ฌ์ด์ ๊ณต๋ฐฑ์ ํ์ฉํ์ง ์๋ ๊ฒ ๊ฐ๊ธฐ ๋๋ฌธ์ ๋๋ค.๊ณต๋ฐฑ์ ํ์ฉํ๋๋ก ํ ์คํธ๋ฅผ ์กฐ์ ํด์ผํฉ๋๋ค. + 1 :