Jquery를 사용하는 방법 $(this)

jquery $(this)는 일반적으로 jquery의 메서드 및 속성 값을 호출할 수 있는 JQuery 개체입니다. "$(this).attr(key);"와 같은 구문을 사용하여 노드 속성 이름의 값을 가져옵니다.

이 튜토리얼의 운영 환경: windows7 시스템, jquery1.2.6 버전, DELL G3 컴퓨터.

추천: jquery 튜토리얼

jquery $(this)를 사용하는 방법은 무엇입니까?

이것은 일반적으로 (텍스트 상자)와 같은 HTML 요소이며 텍스트 상자에는 텍스트 속성이 있습니다. 텍스트 상자 이벤트에서 이를 참조하여

$(this) 요소를 가져올 수 있으며 일반적으로 JQuery 객체이며 click(), keyup()과 같은 jquery 메서드 및 속성 값을 호출할 수 있습니다.

$(function () {
    $('button').click(function () {
       $(this)表示当前对象，这里指的是button
       //alert(this);//this 表示原生的DOM
   }) 
});

$(this).attr(key); getAttribute(key) 메소드와 동일한 노드 속성 이름 값을 가져옵니다.

$(this).attr(key, value); setAttribute(key, value) 메소드와 동등한 속성

$(this).val(); $(this).attr(“value”)와 동등한 요소 노드의 값을 얻습니다. .val(value );$(this).attr("value",value);

예:

$("#textbox").hover(
    function() {
        $(this).attr('title', 'Test');
    },
    function() {
        $(this).attr('title', 'OK');
    }
);

와 동일한 요소 노드의 값을 설정합니다. JQuery 사용의 장점은 JQuery의 다양한 브라우저 버전을 래핑한다는 것입니다. DOM 개체 작업이므로 this 대신 $(this)를 균일하게 사용하는 것이 좋은 선택이어야 합니다.

$()는 무엇을 생성하나요?

실제로 $()=jquery()는 jquery 객체를 반환한다는 의미입니다.

그런 다음 $()가 jquery 객체를 반환한다는 결론에 따라 $(this)가 jquery 객체를 반환한다는 결론을 내릴 수 있습니다. 범용 Alert() 메서드를 사용하여 객체를 인쇄할 수 있습니다.

alert($('#btn'));

Display 결과 :

그림의 빨간색 상자는 객체입니다. 객체는 당연히 jquery 객체입니다. 즉, $('#btn')을 사용하여 jquery의 메서드와 속성을 호출합니다.

더 많은 프로그래밍 관련 지식을 보려면

프로그래밍 교육

을 방문하세요! !

위 내용은 Jquery를 사용하는 방법 $(this)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!