jQuery에서: 포커스 선택기 사용 example_jquery

이 기사의 예에서는 jQuery에서 :focus 선택기의 사용법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 분석은 다음과 같습니다.

이 선택기는 현재 포커스가 있는 요소와 일치합니다.

문법 구조:

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

$(":focus")

: 포커스 선택기는 일반적으로 클래스 선택기, 요소 선택기 등과 같은 다른 선택기와 함께 사용해야 합니다. . 예:

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

$("li:focus")

위의 코드는 초점이 맞춰진 li 요소와 일치합니다.
물론 이 선택자 앞에 다른 선택자는 추가되지 않지만, 지정된 선택자가 추가되지 않으면 기본적으로 범용 선택자(*)가 추가된다. 예:

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

$(":focus")

위 코드는 다음 코드와 동일합니다.

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

$("*:focus")

예제 코드:

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

<스크립트 유형="텍스트/자바스크립트"> $(문서).ready(함수(){
$("li:focus").css("color","red")
})

• div CSS 영역


• HTML 영역