>  Q&A  >  본문

javascript - jquery 이벤트 실행 문제

으아악

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

ringa_leeringa_lee2672일 전1052

모든 응답(9)나는 대답할 것이다

  • phpcn_u1582

    phpcn_u15822017-06-26 10:55:33

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

    회신하다
    0
  • 黄舟

    黄舟2017-06-26 10:55:33

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

    회신하다
    0
  • 漂亮男人

    漂亮男人2017-06-26 10:55:33

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

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

    회신하다
    0
  • 三叔

    三叔2017-06-26 10:55:33

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

    회신하다
    0
  • 漂亮男人

    漂亮男人2017-06-26 10:55:33

    으아악

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

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

    회신하다
    0
  • phpcn_u1582

    phpcn_u15822017-06-26 10:55:33

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

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

    회신하다
    0
  • 代言

    代言2017-06-26 10:55:33

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

    회신하다
    0
  • 高洛峰

    高洛峰2017-06-26 10:55:33

    이 질문은 끝납니다

    회신하다
    0
  • 迷茫

    迷茫2017-06-26 10:55:33

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

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

    으아악

    })

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

    회신하다
    0
  • 취소회신하다