> 웹 프론트엔드 > JS 튜토리얼 > jquery :focus 선택기 사용에 대한 자세한 설명

jquery :focus 선택기 사용에 대한 자세한 설명

黄舟
풀어 주다: 2017-06-23 10:56:41
원래의
2196명이 탐색했습니다.

개요

일치하는 각 요소에 대해 포커스 이벤트를 트리거합니다.

이렇게 하면 모든 바인딩에 대한 포커스 기능이 실행됩니다. 일부 객체는 포커스 방법을 지원하지 않습니다.

설명:

페이지가 로드될 때 ID가 'login'인 요소에 포커스를 설정합니다.

j쿼리 코드:

$("#login:focus");
로그인 후 복사

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

문법 구조:

$("li:focus")
로그인 후 복사
로그인 후 복사

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

$("li:focus")
로그인 후 복사
로그인 후 복사

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

$(":focus")
로그인 후 복사

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

$("*:focus")
로그인 후 복사

예제 코드:






脚本之家



  • div+css专区
  • HTML专区
로그인 후 복사

위 내용은 jquery :focus 선택기 사용에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿