jQuery 이벤트를 트리거한 요소의 ID를 어떻게 얻을 수 있나요?

이벤트를 트리거하는 요소 ID 얻기

웹 개발에서는 종종 이벤트를 시작한 요소의 식별자를 검색해야 하는 경우가 있습니다. 버튼 클릭이나 마우스 호버와 같은 이벤트. 이 기사에서는 널리 사용되는 JavaScript 라이브러리인 jQuery를 사용하여 이 요소의 ID를 검색하는 방법을 살펴봅니다.

jQuery 이벤트 개체

jQuery의 이벤트 시스템은 개체를 전달된 인수 중 하나로 제공합니다. 이벤트 핸들러. 이 객체에는 이벤트를 트리거한 요소를 직접 참조하는 target이라는 속성을 포함하여 다양한 속성이 포함되어 있습니다.

target.id를 사용하여 ID 검색

ID를 검색하려면 트리거 요소의 경우 이벤트 핸들러 내의 target.id 속성에 액세스하기만 하면 됩니다. 예를 들어, 다음 코드 조각은 클릭한 요소의 ID를 경고하는 방법을 보여줍니다.

$(document).ready(function() {
    $("a").click(function(event) {
        alert(event.target.id);
    });
});

jQuery 개체와 DOM 요소

해당 이벤트에 주목할 가치가 있습니다. .target은 jQuery 객체가 아니라 DOM 요소입니다. 이 요소에 jQuery 함수를 사용하려면 아래와 같이 $(this)를 사용하여 액세스해야 합니다.

$(document).ready(function() {
    $("a").click(function(event) {
        $(this).append(" Clicked");
    });
});

위 내용은 jQuery 이벤트를 트리거한 요소의 ID를 어떻게 얻을 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!