38강 jQuery이벤트1 을 듣고 있습니다.
310
7 asked
제목처럼 38강을 듣고 있는데요..
강사님 작성하신 코드처럼 작성하면 이벤트가 잘 먹히는데요
아래처럼 $function(){.. 이 부분을 주석 처리하면 이벤트가 먹히지 않습니다.
$function(){.. 이게 없어서 그런 것 같은데, 그렇다면 이 경우에는 왜 이벤트가 먹히지 않는지 궁금합니다. 답변 부탁 드립니다~
//$(function(){
$("#btn1").on("click", function(){
$("#box1").hide();
});
$("#btn2").on("click", function(){
$("#box1").show();
});
$(".box").on("mouseenter", function(){
$(this).addClass("box-active");
});
$(".box").on("mouseleave", function(){
$(this).removeClass("box-active");
});
//});
Answer 1
2
안녕하세요. ayo님.
좋은 질문 주셔서 감사합니다.
$(function() {
.....
.....
});
코드의 역할은
페이지내의 모든 html이 웹브라우저의 메모리에 로딩된 되어 DOM이 생성되었을때
해당 코드의 내용을 실행하라는 의미입니다.
예제로 주신 코드는 #btn1, #btn2, .box에 이벤트를 할당하는 코드인데요.
이것의 전제조건은 btn1, btn2, box가 이미 브라우저에 로딩되어있다는 전제를 하고 있어요.
$(function() {
});
코드를 주석처리하고 이벤트를 할당하는 코드만 실행한다면
btn1, btn2, box가 브라우저의 메모리에 로딩이 안된상태에서 만들어지지않은 DOM에 이벤트를 할당하려고 하기 때문에
제대로 이벤트가 할당이 안됩니다.
관련한 문서링크입니다.
https://learn.jquery.com/using-jquery-core/document-ready/
https://www.w3schools.com/jquery/event_ready.asp
javascript 자동완성 안됨
0
1644
1
css float 이용하기 부분에서 :after 적용이 안됩니다
0
472
1
atom 실행 안됨
0
387
1
혹시 사용하신 지도를 개인 프로젝트에 사용해도 될까요??
0
333
0
reset.css 적용이 안됩니다...
0
525
0
제 코드에 무슨 문제가 있을까요?
0
329
1
Lorem
0
223
0
날짜출력
0
329
1
css 적용안됨
0
558
1
카페 리스트 띄우기1 에서 cafe list가 웹 화면에 표시가 되지 않습니다.
0
276
1
!ls 가 안되는경우
1
1280
3
indexOf 에 대한 설명중에 궁금한게 있습니다.
0
218
0
Request 결과값이 잘나오지 않는데, 수정해야할 부분이 있을까요?
0
329
0
ajax 수업중 오류
0
221
0
클래스 추가/제거 질문있습니다.
0
293
0
Atom-Live-Server 디렉토리 변경 질문있습니다.
0
665
2
웹페이지 코드는 어디서 받을 수 있을까요?
0
316
1
Django "배포" 부분에서 구름ide에 Connection Refused창이 뜹니다.
0
687
2
Django부분중에 write.html에 대해 질문드립니다.
0
229
0
장고3 으로 강의 따라해도 상관 없는지요?? 그리고 리뉴얼은 언제 하시나요?
0
219
1
화면이 계속 꺼져요.
0
541
3
break_continue 강좌 1분 10초
2
266
2
갑자기 동영상 끊기더니 재접속 안되네요.
0
158
0
django 2.x
1
163
1

