jQuery 객체와 DOM 객체를 서로 변환합니다_jquery

WBOY
풀어 주다: 2016-05-16 18:53:54
원래의
1185명이 탐색했습니다.

DOM 객체는 Javascript에 고유한 객체 작업 중 일부입니다. DOM 객체는 Javascript에 고유한 메서드를 사용할 수 있지만 jQuery에서는 메서드를 사용할 수 없습니다. 예: document.getElementById("img").src="test.jpg"; document.getElementById("img") 여기 DOM 개체가 있습니다.
$("#img").attr("src" , "test.jpg"); 및 document.getElementById("img").src="test.jpg";는 동일하고 정확하지만 $("#img").src ="test .jpg"; 또는 document.getElementById("img").attr("src","test.jpg"); 둘 다 잘못되었습니다.

예를 들어보겠습니다. 저는 jQuery를 작성할 때 종종 다음과 같이 씁니다. this.attr("src","test.jpg") 그런데 오류가 발생했습니다. 사실 이건 DOM 객체이고, .attr("src","test.jpg") 는 jQuery 메소드라서 뭔가 잘못됐네요. 이 문제를 해결하려면 DOM 개체를 $(this).attr("src","test.jpg");

와 같은 jQuery 개체로 변환해야 합니다.

1. DOM 개체를 jQuery 개체로 변환:

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

예: var v=document.getElementById("v"); //DOM 객체

var $v=$(v); 🎜 >
변환 후에는 jQuery 메소드를 마음대로 사용할 수 있습니다.

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

두 가지 변환 방법은 jQuery 객체를 DOM 객체로 변환합니다: [index] 및 .get(index)


(1) jQuery 객체는 [index]를 통해 사용할 수 있는 데이터 객체입니다. ] 메소드를 사용하여 해당 DOM 객체를 가져옵니다.

예: var $v =$("#v"); //jQuery 객체

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

경고 (v.checked) //이 확인란이 선택되었는지 감지

(2) jQuery 자체는 .get(index) 메서드를 통해 해당 DOM 개체

를 얻습니다. as: var $v =$("#v"); //jQuery 객체

var v=$v.get(0); //DOM 객체

alert(v.checked ) //체크박스가 선택되었는지 감지

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!