jQuery 학습 총결산 (一) jQuery 대상과dom 대상 전환

4737 단어
요 며칠 동안 jQuery의 사용 방법을 총괄하여 jQuery 초보자에게 어느 정도 도움이 되었으면 합니다.
오늘은 주로 jQuery 대상과dom 대상의 상호 전환을 보고 이것을 알게 되었습니다. 앞으로 jQuery를 사용하면 많이 편리할 것입니다.
1. 방법명 충돌의 해결 방법은 jQuery를 사용하기 시작할 때 우리는 먼저 jQuery와 다른 라이브러리나 사용자 정의 js의 충돌을 피해야 한다.먼저 가장 간단한 코드를 보십시오.
jQuery(document).ready(function() { alert("Welcome!"); });

$(document) 라는 쓰기를 사용하지 않았습니다. $(id) 방법을 원소를 얻기 위해 정의한 경우가 많고,prototype 등 라이브러리에서도 $() 방법을 정의한 경우가 많기 때문입니다.따라서 충돌을 피하기 위해 여러분도 jQuery("#id")라는 문법을 사용하는 것을 권장합니다.
2. jQuery 대상과dom 대상의 상호 변환 jQuery 대상이dom 대상으로 전환: jQuery("#id")는 jQuery 대상을 획득하는데 일반적인dom 대상과 다르기 때문에dom 대상이 정의하는 방법을 직접 사용할 수 없습니다.jQuery 대상 자체가 하나의 집합이기 때문에 색인을 통해 jQuery 대상을dom 대상으로 변환할 수 있습니다. 예를 들어 jQuery ("#id") [0] 는dom 대상입니다.다음 예를 참조하십시오.
<div id="show"> <span>      1</span> <span>      2</span> <span>      3</span> </div>

스핀의 내용을 얻으려면 다음과 같은 방법을 사용해야 한다.
//jQuery  ,     span   jQuery("#show span").html(); //     span   jQuery("#show span")[2].innerHTML; //eq()  jQuery  , eq(0)  。     span   jQuery("#show span").eq(1)[0].innerHTML; //get()    dom  , get(0)  。     span   jQuery("#show span").get(2).innerHTML;

dom 대상을 jQuery 대상으로 바꾸기: jQuery () 를 사용하면dom 대상을 jQuery 대상으로 바꿀 수 있습니다.예:
jQuery(document.getElementById("show")).html();

출력 결과는 다음과 같습니다.
<div id="show"> <span>      1</span> <span>      2</span> <span>      3</span> </div>

이렇게 하면 jQuery 대상과dom 대상의 상호 전환을 실현할 수 있다. 예를 들어 id가focus인 텍스트 상자에 초점을 맞추려는 것이다.다음과 같은 이점을 제공합니다.
jQuery("#focus")[0].focus();
jQuery에서 자주 사용하는 개발 기술 (1)
자주 사용하는 jquery 폼 대상의 속성과 값 가져오기

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage