[JQUERY] jQuery를 객체와 DOM 소자

jQuery를 객체와 DOM 소자

해결법

1. ---

   1.jQuery 객체는 어레이 형 소자 DOM 오브젝트 (들)을 포함한다. JQuery와 객체는 사용하는 선택에 따라 여러 DOM 요소를 포함 할 수 있습니다.

   jQuery 객체는 어레이 형 소자 DOM 오브젝트 (들)을 포함한다. JQuery와 객체는 사용하는 선택에 따라 여러 DOM 요소를 포함 할 수 있습니다.

   jQuery를 기능 (전체 목록은 웹 사이트에 있음)의 jQuery 개체가 아닌 DOM 요소에서 작동합니다. 넌 (갔지 이용하여) 또는 직접적으로 원하는 인덱스 요소를 액세스하는 기능의 jQuery DOM 내부의 요소를 액세스 할 수있다 :

   $("selector")[0] // Accesses the first DOM element in this jQuery object
   $("selector").get(0) // Equivalent to the code above
   $("selector").get() // Retrieve a true array of DOM elements matched by this selector
   

   즉, 다음은 당신에게 같은 결과를 얻어야한다 :

   <div id="foo"></div>
   
   alert($("#foo")[0]);
   alert($("#foo").get(0));
   alert(document.getElementById("foo"));
   

   jQuery 오브젝트에 대한 자세한 내용은 설명서를 참조하십시오. 또한) (갔지에 대한 문서를 체크 아웃

2. ---

   2.당신이 DOM 요소를 얻기 위해 jQuery를 사용하는 경우, jQuery 오브젝트 반환 요소에 대한 참조를 포함합니다. 당신이에서 getElementById 같은 기본 기능을 사용하는 경우, 직접, JQuery와 객체에 포함되지 않은 요소에 대한 참조를 가져옵니다.

   당신이 DOM 요소를 얻기 위해 jQuery를 사용하는 경우, jQuery 오브젝트 반환 요소에 대한 참조를 포함합니다. 당신이에서 getElementById 같은 기본 기능을 사용하는 경우, 직접, JQuery와 객체에 포함되지 않은 요소에 대한 참조를 가져옵니다.

   jQuery 객체는 어레이와 같은 다중 DOM 요소를 포함 할 수있는 것을 목적으로한다 :

   var jQueryCollection = $("div"); //Contains all div elements in DOM
   

   위의 라인은 jQuery를없이 수행 될 수있다 :

   var normalCollection = document.getElementsByTagName("div");
   

   사실, 그건 당신이 DIV 같은 간단한 선택에 통과 할 때 jQuery를 내부적 할 것입니다 정확히입니다. 당신은 get 메소드를 사용하여 jQuery를 수집 내에서 실제 요소에 액세스 할 수 있습니다 :

   var div1 = jQueryCollection.get(0); //Gets the first element in the collection
   

   당신은 요소 또는 요소의 집합이있을 때 당신은 원시 요소가있을 때 당신은 단지 기본 자바 스크립트 방법을 사용할 수있는 반면, JQuery와 객체의 내부에, 당신은, JQuery와 API에서 사용할 수있는 방법 중 하나를 사용할 수 있습니다.

3. ---

   3.나는 겨우이 지난 달 jQuery를 함께 연주하기 시작, 나는 내 마음에 주위를 실행 비슷한 질문을했다. 지금까지받은 모든 답변은 유효하고 점에 있지만, 매우 정확한 대답이 될 수있다 :

   나는 겨우이 지난 달 jQuery를 함께 연주하기 시작, 나는 내 마음에 주위를 실행 비슷한 질문을했다. 지금까지받은 모든 답변은 유효하고 점에 있지만, 매우 정확한 대답이 될 수있다 :

   이제, 당신도 이것을 사용하거나 할 수 있습니다 함수에 말을하고, 호출 요소를 참조 할 수 있도록 $ (이); 하지만 차이점은 무엇입니까? 당신이 $ (이)를 사용할 때, 알고 보니, 당신은 jQuery를 객체 내부에이 포장되어 있습니다. 이점은 객체가 jQuery를 객체가되면, 당신이 그것에 모든 jQuery를 기능을 사용할 수 있다는 것입니다.

   당신도 요소의 캐릭터 라인 표현을 포장 할 수 있기 때문에 그것은 꽤 강력, VAR의 = '

   안녕하세요 세계 ', 단지 문자 그대로 $에 포장하여 jQuery를 객체 내부 () : $ (들). 이제 jQuery로 모든 요소를 ​​조작 할 수 있습니다.

4. ---

   4.대부분의 jQuery 멤버 함수는 반환 값이 아니라 현재의 jQuery 객체 또는 다른 jQuery를 개체를 반환하지 않습니다.

   대부분의 jQuery 멤버 함수는 반환 값이 아니라 현재의 jQuery 객체 또는 다른 jQuery를 개체를 반환하지 않습니다.

   그래서,

   console.log("(!!) jquery >> " + $("#id") ) ; 
   

   [대상 오브젝트] 반환, 문서에 대하여 선택 문자열 ( "#ID")을 평가 한 결과 인 컬렉션을 유지 즉 jQuery를 개체

   동안 ,

   console.log("(!!) getElementById >> " + document.getElementById("id") ) ;
   

   (IE 또는 사실상 [개체 개체]) HTMLDivElement와 오브젝트]를 반환하므로 / 반환 값은 DIV 요소 인 경우.

   (1)의 DOM 오브젝트에 관련된 것을 jQuery를 부재 함수 호스트있다. IMO 가장 좋은 것은 당신이 특정 작업을 일단 (예 : 노드를 선택하거나 조작으로) 관련 기능에 대한 jQuery를 API 문서를 검색 할 수 있습니다.

   (2) 예, 하나의 jQuery 객체는 여러 DOM 요소의 목록을 유지할 수있다. 이 자동 캐싱 동작에 따라 그 빌드 (예 : jQuery.find 또는 jQuery.each 같은) 여러 기능이 있습니다.

5. ---

   5.즉 영리되는 경우 브라우저입니다. 그들은 모두 객체하지만 DOMElements 특별한 객체입니다. jQuery를 그냥 자바 스크립트 객체에 DOMElements 랩합니다.

   즉 영리되는 경우 브라우저입니다. 그들은 모두 객체하지만 DOMElements 특별한 객체입니다. jQuery를 그냥 자바 스크립트 객체에 DOMElements 랩합니다.

   당신이 더 많은 디버그 정보를 얻고 싶은 경우에 나는 당신이 방화범 같은 도구를 디버깅 보는 것이 좋습니다 파이어 폭스와 크롬에 내장 된 관리자 (방화범이 끌려와 매우 유사).

6. ---

   6.언급 된 내용 외에, 내가 jQuery를 객체가 JQuery와 객체의 설명에 따라 수입하는 이유에 대해 뭔가를 추가하고 싶습니다

   언급 된 내용 외에, 내가 jQuery를 객체가 JQuery와 객체의 설명에 따라 수입하는 이유에 대해 뭔가를 추가하고 싶습니다

   예를 들어, 요소의 innerHTML을 설정 인터넷 익스플로러의 대부분의 버전에서 작동하지 않을 수 있습니다.

   당신의 jQuery 방법으로 innerHTML을 설정할 수 있습니다 및 jQuery를 사용하면 브라우저의 차이를 숨길 도움이 될 것입니다.

   // Setting the inner HTML with jQuery.
   
   var target = document.getElementById( "target" );
   
   $( target ).html( "<td>Hello <b>World</b>!</td>" );
   

   jQuery를 부드럽게 개발자의 경험에 jQuery를 개체에 바인딩 방법의 목록을 제공, http://api.jquery.com/에서 그 중 일부를 확인하시기 바랍니다. 웹 사이트는 또한의 두 방법으로 대상 요소 후 newElement에 저장된 요소를 삽입하는 방법을 보자, 공통 DOM 조작을 제공합니다.

   DOM을 방법,

   // Inserting a new element after another with the native DOM API.
   
   var target = document.getElementById( "target" );
   
   var newElement = document.createElement( "div" );
   
   target.parentNode.insertBefore( newElement, target.nextSibling );
   

   JQuery와 방법,

   // Inserting a new element after another with jQuery.
   
   var target = document.getElementById( "target" );
   
   var newElement = document.createElement( "div" );
   
   $( target ).after( newElement );
   

   이것은 보충 바랍니다.

from https://stackoverflow.com/questions/6974582/jquery-object-and-dom-element by cc-by-sa and MIT license