1. 홈
  2. 질의 응답
  3. jQuery 초급 질문

jQuery 초급 질문

2009-11-16 5 views
0

나는 PC RegEx와 jQuery로 옮겼다. ;)jQuery 초급 질문

JavaScript 및 jQuery에 대해 거의 알지 못하는 한 친구가 저에게 모든 오래된 스크립트를 대체 해달라고 말했습니다. 내가 지금까지 본/읽은 것에서는 꽤 쉽게 보입니다.

먼저, 모든 JS를 </body> 태그 바로 앞에로드하는 것이 좋습니다. jQuery로 괜찮습니까? 아니면 <head>에로드해야합니까? 이에 대한 토론을 찾을 수 없습니다.

"자식"jQuery 스크립트는 어떻게됩니까? 나는 $(document).ready(function() 때문에 내가 원하는 곳 어디에서도로드 할 수 있다고 가정합니다. 권리?

는 jQuery를가 파열 프레임을합니까 :

나는 몇 가지 오래 된 스크립트 내가 사용하고 교체 할 수 있습니다? 생각하지 마라.

jQuery는 양식/요소 초점 맞추기를 수행합니까? 네 생각.

편집 : 모든 여분의 질문에 대한

죄송합니다.

은 내가 "아이 스크립트"의미 것은 예 : "내 일반 스크립트의 모든"의 맨 아래에 그것을 배치 내가 jQuery를의 보았다 예제 많이에서

<script type="text/javascript" src="tooltips.js"></script> 
<script type="text/javascript" src="popups.js"></script>

출처

2009-11-16 Jeff

답변

3

다음은 jQuery를 시작하는 곳의 내 개요입니다 -

Download the HTML documentation 및 라이브러리가 구성되어 어떤 명령 당신의 처리에있다 방법에 대한 느낌을 얻을 통해 SIFT 있습니다. 로컬에서 문서화하는 것이 더 빠르며 검색 기능이 실제로 잘 작동합니다.

notes on the jQuery event object에서 이벤트 모델의 작동 방식에 대한 몇 가지 기본 개념을 설명합니다.

코어 API에 익숙해지면 페이지에 필요한 맞춤 기능을위한 플러그인을 작성해야 할 수 있습니다. plugin authoring guide is a must read이 시점에서 코드 구조에서 좋은 습관을 장려합니다.

jQuery 블로그를 구독하십시오. 앞으로 출시 될 새로운 기능에 대한 최신 정보를 제공 할뿐만 아니라 친숙하지 않은 프레임 워크 영역에 대한 통찰력을 제공 할 것입니다.일부 난 (특별한 순서대로) 추천 :

특정 질문에 대한 답변을

  • Cody Lindley
  • Remy SharpLearning jQuery
  • Paul Irish
  • ,

    $(document).ready(function() { ... }) 즉시 DOM이로드로 실행됩니다 (또한 $(function() { ... });을 나타내는 표현). 이것은 이고, 보통은입니다. 페이지에 대한 설정 코드를 넣으려는 경우입니다.

    페이지에 다른 스크립트가있는 것도 좋습니다. 페이지 하단에 스크립트 참조를 넣는 것이 더 편한 경우 사이트 방문 후 스크립트는 이고 일반적으로이 캐시 됨). Google API의 jQuery 스크립트와 같은 특정 스크립트를 CDN에서 제공 할 수있는 경우 스크립트를 클라이언트에 대해 이미 캐시 할 수 있으므로이 방법을 사용하십시오.

    jQuery 코어에서 프레임 버스트를 보지 못했습니다. 직접 구현해야하거나 myriad of plugins already written을 살펴 봐야합니다. 일반적인 시나리오와 유용성이있는 경우 누군가 이미 이미 작성한 것 같습니다.

    양식 요소 초점 맞추기를 할 때 무엇을 의미합니까? 요소가 포커스를 가지고있는 동안 특정 조건이 충족되고, 포커스가 다른 요소/다음 요소로 점프하는 경우를 의미합니까? 다시 말하지만 jQuery 코어에서 본 적이 없지만 플러그인을 살펴 보겠습니다. 이미 완료되었다고 생각합니다. 아니면, 이것은 첫 번째 jQuery 플러그인 프로젝트가 될 수 있습니다 :)

    • 출처

    2009-11-16 23:30:51

    +0

    감사합니다. Russ. 제가 "초점을 맞추기"란 의미는 단순한 "형식 집중"이벤트였습니다. 페이지가로드되면 양식의 ''에 커서를 놓습니다. 꽤 평범한,하지만 내가해야 할 일은 그럼에도 불구하고. – Jeff

    1

    , 페이지가 새로운 추세입니다.

    일단 $(document).ready이 있으면 열린 중괄호 사이에 '하위 스크립트'를 계속 배치 할 수 있어야합니다.

    프레임 파열은 잘 모르겠지만 Javascript로 할 수 있다면 jquery에서 같은 스크립트를 사용하는 것을 막을 수는 없습니다.

    자바 스크립트 자체와 마찬가지로 폼/요소를 집중시켜야합니다.

    jQuery로 재미있게 보내고 이것이 도움이 되길 바랍니다.

    출처

    2009-11-16 22:21:42 Chris

    +0

    나는'$ (document) .ready'를 의미한다고 생각합니다. –

    1

    여기서는 고유 한 질문을 개별 질문으로 분리해야합니다. 하지만 전반적으로 기억해야 할 점은 jQuery는 단순히 자바 스크립트 위에있는 프레임 워크라는 점입니다. 브라우저를 통해 일을 쉽게하고 (대부분) 일관되게 만듭니다.

    첫 번째 질문에 답하려면 <body> 끝에 모든 스크립트를 넣는 것이 좋습니다. $(document).ready(function(){}); 전화를 모두 거는 경우 브라우저가 Javascript가 DOM에서 작동하기 시작할 때까지 기다리기 때문에 문제가되지 않습니다. 그 외에는

    , 단순히 JQuery와에 대한 http://docs.jquery.com

    출처

    2009-11-16 22:23:47

    +0

    jquery 문서가 훌륭합니다. – andyface

    +0

    나는 문서를 읽고있다. 나는 오른발에서 내리고 내가 성취 할 수있는 것을 알고있는 것처럼 느껴야합니다. – Jeff

    +0

    에이전트의 권리. 문서를보십시오! 속도면에서 페이지 HTML의 하단에 jscript를 놓는 것이 가장 좋습니다. –

    0

    일반 구문을 읽어 것은 :

    $(document).ready(function(){ 

[insert all your jquery scripts to run at load here] 

});

    이 페이지의 헤드 섹션에 가야하고 문서가 준비가되면 다음 실행됩니다 run dom

    출처

    2009-11-16 22:26:50 andyface

    0

    글쎄, 모든 스크립트를 태그에 넣는 것이 좋습니다.이것은 완전히 필요한 것은 아니지만 A : 스크립트를 쉽게 찾을 수 있기 때문에 가능합니다. B : 스크립팅이 바뀌면 실제로 브라우저에서 화면을 렌더링 할 브라우저가 있거나 최소한있었습니다. .

    "자식"스크립트가 무슨 뜻인지 잘 모르겠지만 문서 준비 블록 외부에서 "정상적으로"선언 된 함수는 어디서나 작동합니다. 내부에 선언 된 함수는 해당 블록 내에서만 사용할 수 있습니다. 이것 좀보세요 :

    function bar() { 
    alert('test'); 
} 
$(document).ready(function() { 
    var foo = function() { 
     alert('do something!'); 
    }; 
    foo(); //works 
    bar(); //works 
}); 
bar(); //works 
foo(); //error

    jQuery를 지금처럼 포커싱 요소에 수행합니다

    는 지금까지 Framebusting이가는대로, 당신은 어떻게 사용하고 어떤 스크립트가 귀하의 jQuery를 함께 작동합니다 

    <input type="text" id="myInput"/> <button onclick="$('#myInput').focus();">Focus</button>
    , 하지만 실제로 jQuery 프레임 파열 로직은 내장되어 있지 않습니다.

    출처

    2009-11-16 22:28:23

    0

    스크립트는 속도상의 이유로 문서의 맨 아래에 있습니다. 브라우저가 자바 스크립트를 다운로드하는 동안 다른 작업은 수행하지 않습니다 (나머지 문서 다운로드 포함).

    어디서나 하위 자바 스크립트 파일을로드 할 수 있지만 페이지 하단이 가장 좋습니다. 전형적인 설정은 다음과 같습니다

    1. 참조 jQuery를 (바람직하게는 구글에서 호스팅 하나 http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js - 그래서 매우 사용자가 이미 그들이 필요 없다는 것을 의미 브라우저의 캐시 된 버전을 가지고 가능성이 증가하고 다시 다운로드
    2. 참조 아이는
    3. 전화 $ (문서), 당신은 자바 스크립트 파일을 넣어 YSlow에 플러그인을 사용하여 모든 것을 읽을 수있는 위치에 대한 자세한 정보는

    을 .ready 객체 Steve Souders (조금 더 높은 수준이지만 "더 빠른 웹 사이트"가 떠오른다).

    프레임 버스트 처리는 사용자가 스스로 수행 할 수있을만큼 쉽게 수행해야하며, jQuery에는 양식에 대한 멋진 선택기와 향상된 기능이 함께 제공됩니다.

    출처

    2009-11-16 22:53:40

    관련 문제

     관련 문제