javascript - jquery 이벤트 실행 문제
ringa_lee
ringa_lee 2017-06-26 10:53:33
0
9
1080
으아악

왜 다른 작성 방법이 다른 결과를 생성합니까? 논리적으로 말하면 동일한 기능이 절반만 실행되는 것은 아닙니다.

ringa_lee
ringa_lee

ringa_lee

모든 응답(9)
phpcn_u1582

$(function(){
//페이지가 로드된 후 실행되는 코드입니다
})
첫 번째 작성 방법은 페이지가 로드되기 전에 실행되므로 DOM은 변경되지 않습니다. 컬러가 감지되지 않습니다

黄舟

두 번째는 .ready()의 약어입니다. 자세한 내용은 설명서를 확인하세요.

漂亮男人

일반적으로 js 참조는 <head></head>里面,
第一种写法执行的时候,页面还没加载完,所以找不到$(".table tr:odd")selector에 배치됩니다.
두 번째 유형은 페이지가 로드된 후에 실행되므로 선택기의 색상을 변경할 수 있습니다.

두 번째 방법을 사용하거나 페이지 끝에 js 참조를 추가하세요.

三叔

첫 번째 작성 방법에서는 코드 실행 시 테이블 요소가 페이지에 로드되지 않아 요소를 찾을 수 없어 색상 변화가 없을 수 있습니다.
두 번째 작성 방법은 코드를 실행하기 전에 페이지 요소가 로드될 때까지 기다리는 것입니다. 이렇게 하면 페이지의 모든 요소가 로드되고 코드가 필요한 요소를 찾을 수 있으므로 해당 변경이 이루어집니다.

漂亮男人

으아악

두 호출의 차이점은 DOM이 로드되지 않았을 때 $(".table tr:odd") 처음 호출했을 때 해당 요소를 인쇄해서 볼 수 있지만 두 번째 호출에서는 확실히 얻었을 수 있다는 것입니다.

앞에 JS 代码或引入的 JS 文件放在页面底部,<BODY>를 붙이는 것을 권장합니다.

phpcn_u1582

첫 번째 작성 방법인 1층 답변과 비슷하게, .table 태그 앞에 배치하고 DOM이 로드되기 전에 실행하면 $ 선택기가 DOM을 찾지 못하고 색상도 찾을 수 없는 경우가 있습니다. 변경되었습니다.

두 번째로는 jquery 문서 설명을 확인하는 것이 좋습니다. 여기서는 jquery 공식 웹사이트를 열 수 없으므로 다른 곳에서 읽을 수 있습니다
http://www.css88.com/jqapi-1. ...

代言

1. 첫 번째 작성 방법은 문서 태그가 로드되지 않았을 때 실행하는 것입니다. 즉, HTML이 로드되지 않은 경우 .table tr:odd에 스타일을 추가하면 js 스크립트는 해당 개체가 무엇인지 알 수 없으므로 정의되지 않습니다. 요소 로드가 완료되지 않았습니다. 그러나 함수에는 구문 오류가 없으므로 경고 0
2.$(function(){})이 계속 실행됩니다. 즉, 내부 메서드를 실행하기 전에 html이 로드될 때까지 기다립니다. 시간이 지나면 html이 로드되고 js가 캡처됩니다. 스타일을 지정할 수 있는 이 개체는 무엇입니까?
구체적인 참고자료: http://www.w3school.com.cn/h.asp

小葫芦

이 질문은 끝납니다

迷茫

첫 번째 작성 방법:
tableColor();//Alert(0)을 실행하면 "0"이 뜨는데 DOM이 선택되지 않고 코드가 한 줄씩 실행됩니다

두 번째 작성 방법: 문서가 로드된 후 실행
$(function() {

으아악

})

결론적으로 js 소개는 문서 하단에 배치되어 있으며, 문서 작성 후 js 코드가 실행되도록 하기 위해 html의 내부 js를 $(function() {})로 작성했습니다. 처형

최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿