JQuery, 선택기/필터/성능 최적화
- 炎欲天舞원래의
- 2017-08-04 14:50:101585검색
브라우저 소개:
jquery 객체는 배열과 유사한 객체이며 배열과 유사한 객체는 인덱스를 통해 액세스할 수 있습니다. 배열 개체를 사용할 수 없습니다.
배열에 요소를 추가하면 길이가 자동으로 늘어나지만 배열과 유사한 배열은 그렇지 않습니다.
클래스 배열은 슬라이스 메소드를 통해 배열로 변환될 수 있습니다:
Array.prototype.slice.call(a);
JQuery 기본 선택기:
-
ID 선택기
Class Selection
Descendant selector
Attribute selector
a[href!="http://www.baidu.com"], jquery는 Baidu와 같지 않은 모든 요소를 선택하는 새로운 방법을 추가합니다. URL .
JQuery filter/filter:
lang(언어) : 지정된 언어로 요소를 선택합니다.
-
not(selector) : 지정된 요소가 아닌 모든 요소를 선택합니다.
root : 보이지 않는 요소를 선택하고, 불투명도를 포함하지 않으며, 숨겨진 요소를 포함하지 않고, 포함하지 않고 위치를 차지합니다. 요소가 있습니다 표시되지 않는
표시 ' ' ' ' ' ' ' s : 선택 애니메이션 효과를 실행하는 모든 요소
- : 비어 있음: 콘텐츠 선택 빈 요소
- : 포함(텍스트): 텍스트를 필터링할 요소 선택
- : has(selector): 예를 들어 p 선택 :has(span)
- : parent : 상위 요소 선택
- :first-child
- :last-child
- first-of-type : 동일한 첫 번째 요소 선택 유형: li:first-of-type
- last-of-type
nth-child() : 1부터 계산
nth-last-child()
-
nth-of- type () thnth-rast-of-type ()
- wild
- only-of-type
- : 확인 : 선택한 선택
- : 비활성화 된 : 비활성화하려면 선택하세요
- :enabled : 비활성화된 것을 제외하고는 모두 선택 가능
- :button을 사용하기 전에 양식이 로드될 때까지 기다리세요. 버튼만 선택하고 버튼 유형도 선택
- :checkbox : 다중 선택 항목 모두 선택 Box
- :file : 파일 입력 상자 선택
- :image : 유형이 이미지인 요소 선택
- :input : 모든 양식 요소 선택
- :password
- :radio : 라디오 버튼 선택
- :reset : 선택한 유형이 재설정됩니다.
- :selected : 모두 선택 selected states
- :submit : 선택한 유형이 submit이고 일부 브라우저에서는 버튼도 선택합니다
选: Text: 텍스트 유형을 선택하고
- : first
를 선택할 수도 있습니다.
: Last- : EVD
- : ODD
: EQ (n ) : n
:gt(n) : n
보다 큼:lt(n ) : n
- 위치 필터:
- 양식 필터
- 하위 요소 필터
- 콘텐츠 필터
기타 필터
사용자 정의 선택기
JQuery 선택기의 성능 최적화:
과도한 제약을 피하기 위해 CSS
에서 사용할 수 있는 선택기를 사용해 보세요.
한번 시도해 보세요 best ID로 시작
선택기 오른쪽에 더 많은 기능 허용
전역 선택기 사용 방지
캐시 선택기 결과
위 내용은 JQuery, 선택기/필터/성능 최적화의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!