차이점을 알려주세요
185
윤종호
작성한 질문수 5
1
1번 예제
HTML
<a href="#none" class="show-btn">보이기</a>
<a href="#none" class="hide-btn">감추기</a>
<p>
태그선택자 a를 클릭했습니다.
</p>
jQuery
$(function () {
$("p").css({"display":"none"});
$(".show-btn").click(function () {
$("p").css({"display":"block"})
});
$(".hide-btn").click(function () {
$("p").css({"display":"none"})
});
});
2번 예제
HTML
<a href="#none" class="show-btn">보이기</a>
<a href="#none" class="hide-btn">감추기</a>
<div>Box</div>
jQuery
$(function () {
$("div").css({"display":"none"});
$(".show-btn").click(function () {
$("div").show()
});
$(".hide-btn").click(function () {
$("div").hide()
});
1번 예제하고 2번 예제 둘다 보여주고 감추는 기능을 하는 명령문? 들 인데 2번예제의 jQuery를 1번 예제의 jQuery 처럼
작성해서 실행 시켜봤더니 동작이 안되네요?? 그 이유를 알 수 있을까요??
답변 1
0
결과는 같습니다.
1번은 css 메서드로 보이고 감추고 하는 방식이고,
2번은 show hide 메서드로 보이고 감추고 하는 방식입니다.
차이점은 어떤 메서드를 사용하느냐의 차이지 다른 것은 없습니다.
1번 보다는 2번이 편할 것으로 생각됩니다.
span 태그에 여백이 들어간 것 같은데 왜 그런건가요?
1
96
5
class 값 한 번에 부여하는법
2
125
1
@media에서의 flex-direction: column으로 세로배치 관련 질문드립니다.
1
104
1
div#css-checker-widget의 해결방
1
101
2
input의 포커스되었을때 검정선이 사라지지 않아요
0
122
2
강의듣는법
1
114
1
아코디언 만들기 100%이하의 화면으로 보았을때
1
107
2
input checked 질문합니다.
0
105
1
Bracket Pair Colorizer - 비주얼 스튜디오
1
200
2
Part 1 영상 안나옵니다
1
125
1
제이쿼리 작동이 안됩니다
1
250
3
강의 내용 질문있습니다.
1
167
2
일정 부분만 주석하는 방법
1
282
2
폰트어썸
1
177
2
인접선택자에 대한 질문드립니다!
1
165
2
delay 적용 안됨
1
161
1
rotateY(360deg)가 적용이 안됩니다!
1
229
2
세로이동할때 height값
1
171
2
폰트어썸이 안되요..
1
553
2
화면 정중앙에 오게끔 할수있나요?
1
198
1
어코디언 네비게이션 중
1
151
1
라이브서버 문제
1
280
2
넷플릭스 어코디언 예제 질문
1
126
1
이번 강의에선 display flex가 무조건 적으로 필요한건가요 ?
1
188
1