웹 프론트엔드 JS 튜토리얼 이것과 $(this)_jquery에 대한 개인적인 이해

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

May 16, 2016 pm 05:23 PM
this

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

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으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

인기 기사

R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
2 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 최고의 그래픽 설정
2 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 아무도들을 수없는 경우 오디오를 수정하는 방법
2 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

이 점을 이해하고 프론트엔드 70%를 따라잡는 글 이 점을 이해하고 프론트엔드 70%를 따라잡는 글 Sep 06, 2022 pm 05:03 PM

Vue2의 이 포인팅 문제로 인해 동료가 버그로 인해 화살표 기능이 사용되어 해당 소품을 얻을 수 없게 되었습니다. 제가 그에게 소개했을 때 그는 그것을 몰랐고, 그래서 저는 일부러 프론트엔드 커뮤니케이션 그룹을 살펴보았습니다. 지금까지 적어도 70%의 프론트엔드 프로그래머들은 오늘 그것을 이해하지 못하고 있습니다. 모든 것이 불분명하다면 이 링크를 아직 배우지 않았다면 큰 소리로 말해주세요.

Vue2가 이를 통해 다양한 옵션의 속성에 접근할 수 있는 이유에 대해 이야기해보겠습니다. Vue2가 이를 통해 다양한 옵션의 속성에 접근할 수 있는 이유에 대해 이야기해보겠습니다. Dec 08, 2022 pm 08:22 PM

이 글은 Vue 소스 코드를 해석하는 데 도움이 될 것이며 이를 사용하여 Vue2의 다양한 옵션에서 속성에 액세스할 수 있는 이유를 소개하는 것이 모든 사람에게 도움이 되기를 바랍니다!

Java에서 이 메소드를 사용하는 방법 Java에서 이 메소드를 사용하는 방법 Apr 18, 2023 pm 01:58 PM

1. this 키워드 1. this 유형: 호출되는 개체는 해당 개체의 참조 유형입니다. 2. 사용법 요약 1. this.data;//Access 속성 2. this.func();//Access 메서드 3.this ( );//이 클래스의 다른 생성자를 호출합니다. 3. 사용법 설명 1.this.data가 멤버 메서드에 사용됩니다. 이것이 추가되지 않으면 어떻게 되는지 살펴보겠습니다. classMyDate{publicintyear;publicintmonth;publicintday; 월,월){예

이게 뭔가요? JavaScript에서 이에 대한 심층 분석 이게 뭔가요? JavaScript에서 이에 대한 심층 분석 Aug 04, 2022 pm 05:02 PM

이게 뭔가요? 다음 기사에서는 JavaScript에서 이에 대해 소개하고 다양한 함수 호출 방법의 차이점에 대해 설명하겠습니다. 도움이 되기를 바랍니다.

jQuery에서 이에 대한 활용 능력 분석 jQuery에서 이에 대한 활용 능력 분석 Feb 22, 2024 pm 08:54 PM

jQuery는 웹 개발에서 DOM 조작 및 이벤트 처리에 널리 사용되는 인기 있는 JavaScript 라이브러리입니다. 중요한 개념 중 하나는 이 키워드를 사용하는 것입니다. jQuery에서 이는 현재 작동 중인 DOM 요소를 나타내지만, 다른 컨텍스트에서는 이것의 포인터가 다를 수 있습니다. 이 기사에서는 특정 코드 예제를 통해 jQuery에서 이에 대한 사용 기술을 분석합니다. 먼저 간단한 예를 살펴보겠습니다.

Java에서 이 참조 및 객체 구성을 초기화하는 방법 Java에서 이 참조 및 객체 구성을 초기화하는 방법 May 14, 2023 pm 06:40 PM

1.이 참조 1.1 왜 이 참조가 있어야 합니까? 먼저 날짜 클래스의 예를 작성해 보겠습니다. publicclassclassCode{publicintyear;publicintmonth;publicintday;publicvoidsetDay(inty,intm,intd){year=y;month=m;day= d;}publicvoidprintDate (){System.out.println(year+"-"+month+"-"+day);}publicstatic

JavaScript 화살표 함수에서 이에 대한 자세한 설명 JavaScript 화살표 함수에서 이에 대한 자세한 설명 Jan 25, 2024 pm 01:41 PM

JavaScript의 화살표 함수는 자체 this 키워드가 없는 비교적 새로운 구문입니다. 반대로 화살표 함수의 this는 이를 포함하는 범위 개체를 가리킵니다. 1. 화살표 함수의 This는 다음과 같습니다. 2. 화살표 함수는 생성자로 사용할 수 없습니다. 3. 화살표 함수는 메서드로 사용할 수 없습니다.

JavaScript는 이 포인터를 어떻게 변경합니까? 세 가지 방법에 대한 간략한 분석 JavaScript는 이 포인터를 어떻게 변경합니까? 세 가지 방법에 대한 간략한 분석 Sep 19, 2022 am 09:57 AM

JavaScript는 이 포인터를 어떻게 변경합니까? 다음 기사에서는 JS에서 이 포인터를 변경하는 세 가지 방법을 소개합니다. 이것이 도움이 되기를 바랍니다.

See all articles