>  기사  >  웹 프론트엔드  >  이것과 $(this)_jquery에 대한 개인적인 이해

이것과 $(this)_jquery에 대한 개인적인 이해

WBOY
WBOY원래의
2016-05-16 17:23:081199검색
코드 복사 코드는 다음과 같습니다.

jQuery.prototype.test=function(){
this.css("color","#99");//여기서는 DOM 개체가 아니라 jquery 개체입니다.
alert(this[0]);//여기서 This[0]는 dom을 나타냅니다. 노드 객체
}

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

$( "body").click(function(){
$(this).test();
$(this).test().html(this.nodeName).hide(10000 );
})

페이지에서 click 메소드를 사용하는 것은 새 Jquery 객체를 만든 다음 해당 click 메소드를 호출하는 것과 같습니다. , 이 내부는 JavaScript 개체를 참조하며 이는 JavaScript 자체의 구문 키워드이므로 가리키는 대상 JavaScript 개체가 소유한

메서드를 사용할 수 있습니다. test는 쿼리 객체와 동일합니다. 따라서 내부의 this는 jquery 객체

여야 합니다. this[0]을 통해 jquery 객체는 dom 노드 객체
로 변환될 수 있습니다. 이는 항상 객체의 호출 메서드(function)를 가리키기 때문입니다(call 및 apply 메서드 제외).
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.