jquery에는 어떤 선택기가 있습니까? Jquery의 4가지 선택자 소개
jquery 선택기에는 몇 가지 유형이 있나요? 나는 당신이 그것에 대해 알고 있다고 믿습니다. 따라서 이 기사는 jquery 선택기가 무엇인지, 그리고 jquery 선택기가 무엇인지에 대한 간략한 소개입니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다. 당신에게 도움이됩니다.
1: 선택기의 역할
웹 페이지 등 위의 레이블 요소를 가져온 다음 이에 대해 일련의 작업을 수행합니다(스타일 추가, 동작 추가...)
2: What are what?
기본 선택자, 계층적 선택자, 필터 선택자, 양식 선택자1: 기본 선택자 기본 선택자는 jquery에서 가장 일반적으로 사용되는 선택자이자 요소 ID, 클래스를 통해 가장 간단한 선택자이기도 합니다. , 찾을 태그 이름
DOM 요소(ID는 웹 페이지에서 한 번만 사용할 수 있으며 ID는 고유하지만 클래스는 재사용이 허용됨)
1 id 선택기
사용법: $("#id 이름 " ; 요소(태그 선택기)사용법: $("span,p,p"); 컬렉션 요소 반환
4, $("*"): 컬렉션 요소 반환, 모든 요소와 일치
2: 계층적 선택기
3: 필터 선택기
: 아님(선택)
사용법: $(input:not(select)) 컬렉션 요소를 반환합니다.
설명: 지정된 선택기와 일치하는 모든 요소를 제거합니다. "not"과 다소 유사 :first 첫 번째 요소 찾기
:last 마지막 요소 찾기 :odd 첨자가 밑인 요소 일치
:even 첨자가 짝수인 요소 일치
:eq( "Subscript") 지정된 첨자가 있는 요소와 일치합니다.
:gt("Subscript") 인덱스 값이 지정된 첨자보다 큰 요소와 일치합니다(자체 제외)
:lt("Subscript") 다음보다 작은 인덱스 값과 일치 주어진 것 인덱스 값을 가진 요소(자신을 포함하지 않음)
콘텐츠 필터링 선택기: 포함("텍스트 콘텐츠") 일치하는 요소에 지정된 텍스트 콘텐츠가 포함되어 있는지 여부
: has(레이블 요소) // 선택기를 포함하는 모든 요소와 일치 일치하는 요소의 요소
: 비어 있음 // 내용이 비어 있는 요소와 일치
: parent // 하위 요소 또는 텍스트가 포함된 요소와 일치
속성 필터 선택기
[attribute =value]: 속성 필터 선택기는 요소의 속성을 통해 해당 요소를 얻습니다
예:
$("input[name='chk']").attr("checked", true);
--chk라는 이름의 확인란을 선택하면 컬렉션이 반환됩니다
속성이 true로 변경됩니다
가시성 필터 선택기
: 숨겨진 필터 숨겨진 요소(type="hidden", css: display="none")
: visible 필터 표시 요소
하위 요소 필터 선택기
:nth-child(index/ even /odd/equation)참고: 여기서 인덱스 값은 1부터 시작하고 eq는 0
부터 시작합니다. first-child 첫 번째 하위 요소 찾기
: last-child 마지막 하위 요소 찾기
: only-child 하위 요소가 하나만 있는 요소와 일치
양식 개체 속성 필터 선택기: 비활성화됨 사용할 수 없는 요소 필터링
: 활성화됨 사용 가능한 요소 필터링
: 선택됨 선택한 요소 필터링 확인란
: 선택됨 드롭다운에서 선택한 요소 필터링 box
DOM 작업은 요소를 추가, 삭제, 수정 및 확인하는 작업입니다관련 권장 사항:
jquery 선택기 소개jquery 선택기(일반적으로 사용되는 선택기 설명)_jquery
JQuery 선택기 상세 요약 스페셜 에디션_jquery
위 내용은 jquery에는 어떤 선택기가 있습니까? Jquery의 4가지 선택자 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

핫 AI 도구

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

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

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

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

인기 기사

뜨거운 도구

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

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

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

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

뜨거운 주제











기사는 JavaScript 라이브러리 작성, 게시 및 유지 관리, 계획, 개발, 테스트, 문서 및 홍보 전략에 중점을 둡니다.

이 기사는 브라우저에서 JavaScript 성능을 최적화하기위한 전략에 대해 설명하고 실행 시간을 줄이고 페이지로드 속도에 미치는 영향을 최소화하는 데 중점을 둡니다.

프론트 엔드 개발시 프론트 엔드 열지대 티켓 인쇄를위한 자주 묻는 질문과 솔루션, 티켓 인쇄는 일반적인 요구 사항입니다. 그러나 많은 개발자들이 구현하고 있습니다 ...

이 기사는 브라우저 개발자 도구를 사용하여 효과적인 JavaScript 디버깅, 중단 점 설정, 콘솔 사용 및 성능 분석에 중점을 둡니다.

기술 및 산업 요구에 따라 Python 및 JavaScript 개발자에 대한 절대 급여는 없습니다. 1. 파이썬은 데이터 과학 및 기계 학습에서 더 많은 비용을 지불 할 수 있습니다. 2. JavaScript는 프론트 엔드 및 풀 스택 개발에 큰 수요가 있으며 급여도 상당합니다. 3. 영향 요인에는 경험, 지리적 위치, 회사 규모 및 특정 기술이 포함됩니다.

이 기사는 소스 맵을 사용하여 원래 코드에 다시 매핑하여 미니어링 된 JavaScript를 디버그하는 방법을 설명합니다. 소스 맵 활성화, 브레이크 포인트 설정 및 Chrome Devtools 및 Webpack과 같은 도구 사용에 대해 설명합니다.

Console.log 출력의 차이의 근본 원인에 대한 심층적 인 논의. 이 기사에서는 Console.log 함수의 출력 결과의 차이점을 코드에서 분석하고 그에 따른 이유를 설명합니다. � ...

엔트리 레벨 타입 스크립트 자습서를 마스터 한 후에는 TypeScript를 지원하고 JavaScript로 컴파일하는 IDE에서 자신의 코드를 작성할 수 있어야합니다. 이 튜토리얼은 TypeScript의 다양한 데이터 유형으로 뛰어납니다. JavaScript에는 NULL, UNDEFINED, BOOLEAN, 번호, 문자열, 기호 (ES6에 의해 소개 됨) 및 객체의 7 가지 데이터 유형이 있습니다. TypeScript는이 기반으로 더 많은 유형을 정의 하며이 튜토리얼은이 모든 튜토리얼을 자세히 다룹니다. 널 데이터 유형 JavaScript와 마찬가지로 Null in TypeScript
