jQuery 개체와 Javascript 개체 간 변환을 위한 예제 코드

코드 복사 코드는 다음과 같습니다.

다음은 제가 공유한 내용 중 일부입니다. 나는 프로그래밍을 좋아합니다. 만약 당신이 더 많은 친구를 사귈 수 있는 프로그래밍 매니아라면, 친구를 추가해 보세요. 그러면 모두가 주의를 기울일 것입니다. 다음 기사는 제가 참고할 만한 몇 가지 사항입니다. 물론, 도움이 되셨으면 좋겠습니다. 먼저 읽어주셔서 감사합니다~!
클라이언트 페이지에서 jQuery를 스크립트로 사용하는 경우 jQuery 객체와 Javascript 객체의 변환이 포함되는 경우가 많습니다. DOM 객체는 Javascript에 고유한 객체 작업이기 때문입니다. DOM 객체는 Javascript에 고유한 메서드를 사용할 수 있지만 jQuery에서는 메서드를 사용할 수 없습니다. 따라서 우리 광저우 데인에서는 모든 사람이 배우고 참조할 수 있도록 약간의 변환 코드를 공유합니다.

　1. DOM 객체를 jQuery 객체로 변환

이미 DOM 객체인 DOM 객체의 경우 DOM 객체를 $()로 래핑하기만 하면 jQuery 객체인 $(DOM 객체)를 얻을 수 있습니다

예: var v = document.getElementById(“v”) //DOM 객체

　var $v = $(v) //jQuery 객체

변환 후에는 jQuery 메소드를 마음대로 사용할 수 있습니다.

　2. jQuery 객체를 DOM 객체로 변환

jQuery 객체를 DOM 객체로 변환하는 두 가지 변환 방법: [index] 및 .get(index)

　(1) jQuery 객체는 데이터 객체이며, [index] 메소드를 통해 해당 DOM 객체를 얻을 수 있습니다.

예: var $v = $(“#v”) //jQuery 개체

　var v = $v[0] //DOM 객체

　alert(v.checked); //체크박스가 선택되어 있는지 확인하세요

　(2) jQuery 자체는 .get(index) 메소드를 통해 해당 DOM 객체를 제공합니다

예: var $v = $(“#v”) //jQuery 개체

　var v = $v.get(0); //DOM 객체 ($v.get()[0] 도 사용 가능)

　alert(v.checked); //이 체크박스가 선택되어 있는지 확인