> 웹 프론트엔드 > JS 튜토리얼 > Jquery 클래스 배열이란 무엇입니까? 어떻게 작동하나요?

Jquery 클래스 배열이란 무엇입니까? 어떻게 작동하나요?

伊谢尔伦
풀어 주다: 2017-06-17 10:05:35
원래의
1479명이 탐색했습니다.

배열형이란 무엇인가요?

jQUery 객체에는 배열과 같은 요소 패키징 세트가 있습니다. 이 세트는 js의 배열과 같은 길이 속성을 가지므로 이를 배열과 같은 세트라고 부릅니다.

많은 경우 JQuery의 $() 함수는 데이터와 유사한 JQuery 개체를 반환합니다. 예를 들어 $('div')는 div의 모든 div 요소로 래핑된 JQuery 개체를 반환합니다. 이 경우 JQuery는 JQuery 개체를 조작하기 위해 일반적으로 사용되는 몇 가지 속성 및 메서드를 제공합니다.

length: 이 속성은 JQuery에 포함된 DOM 요소의 수를 반환합니다.

context: 이 속성은 JQuery 개체를 가져오기 위해 전달된 컨텍스트 매개 변수를 반환합니다.

JQuery: 이 속성은 JQuery 버전을 반환합니다.

each(fn(index)): 이 메서드는 fn 함수를 사용하는 반복 함수입니다. JQuery에 포함된 각 요소를 처리하기 위해 반복합니다.

get(): 이 메서드는 JQuery에 포함된 모든 DOM 요소로 구성된 배열을 반환합니다.

get(index): 이 메소드는 JQuery에 포함된 index+1번째 DOM 요소를 반환합니다.

toArray(): JQuery 개체에 포함된 모든 DOM 개체를 데이터로 변환합니다.

jQuery에서 배열형 객체를 어떻게 작동하나요?

jQuery가 제공하는 사용 가능한 메소드가 무엇인지 살펴보겠습니다.
Size(): 분명히 $('a').size()는 링크를 나타내는 것과 같이 패키징 세트의 요소 수를 반환해야 합니다. elements;

 get(index): index를 지정하지 않으면 기본적으로 패키징 세트의 모든 요소를 ​​가져와 js에서 배열로 반환합니다. index를 지정하면 $(와 같이 index에 해당하는 요소가 반환됩니다. 'img[title]').get(0)은 속성 제목을 포함하는 첫 번째 img 요소를 반환합니다. 이는 $('img[title]')[0]과 동일합니다.

 index(elem): 아래 첨자를 반환합니다. 패키징 세트의 요소 elem 또는 요소를 찾을 수 없는 경우 -1

 add(String|elem|Array): 매개변수가 jQuery 선택자인 경우 매개변수의 요소를 패키징 세트에 추가합니다. 일치하는 모든 객체가 컬렉션에 추가됩니다. html 요소인 경우 clean 메소드를 통해 얻은 요소 배열이 dom 요소이거나 dom 요소의 배열인 경우 컬렉션에 추가됩니다. 컬렉션에 직접 추가됩니다. 참고 반환되는 것은 추가된 패키징 세트입니다. 예를 들어 $('img[alt]','img[title]')은 $('img[alt]').add와 같습니다. ('img[title]'), alt 속성이 포함된 img 요소 또는 title 속성이 포함된 img 요소
 not(String|elem|Array): 매개변수 조건을 충족하는 요소를 삭제합니다. 패키징 세트. 매개변수는 표현식, 즉 $('img[title]').not('title*=puy'와 같이 "[" 또는 ":"으로 시작하는 표현식만 필터링할 수 있습니다. ), 제목 속성이 포함된 img 요소를 반환하고 이러한 요소의 제목 속성에는 다음이 포함됩니다. 반환되는 것은 필터링된 패키징 세트입니다.
 Filter(String|function): 수신 매개변수가 문자열 유형인 경우 또한 표현식은 패키징 세트 요소에서 모든 문자와 선택기와 일치하지 않는 문자를 삭제하는 데 사용되는 필터링 표현식이어야 합니다. 함수가 전달되면 이 함수는 패키징 세트의 각 요소에 대해 호출됩니다. 이 함수가 false를 반환하면 해당 요소는 패키징 세트에서 삭제됩니다. 예를 들어 $('td')와 같이 함수에서 호출 메서드를 래핑하는 요소를 호출하기 위해 this 키워드를 전달할 수 있습니다. filter(function(){return this.innerHTML.match(/^"d+$/)})는 숫자인 td의 모든 내용을 반환합니다. td 요소;
 slice(begin,end): 새 포장 세트를 생성하고 반환합니다. 이 포장 세트는 원래 포장 세트의 연속적인 부분이며, 새 포장 세트의 첫 번째 요소는 원래 포장 세트의 시작 위치에 있는 요소입니다. 물론 끝 위치 요소 앞의 요소입니다. , end를 지정할 필요가 없으면 $('*').slice(2,3)과 같은 원래 패키징 세트의 끝까지 확장됩니다. 이 명령문은 페이지 요소의 모든 요소를 ​​선택한 다음 원래 패키징 세트의 세 번째 요소를 포함하는 새 패키징 세트를 저장합니다. 이 $('*').get(2)는 요소를 반환하는 반면, 슬라이스 메소드는 패키징 세트를 반환합니다.

운영;


 childen(): 원본 패키징 세트 요소(텍스트 노드 제외)의 모든 다른 하위 요소로 구성된 새 패키징 세트를 반환합니다. 예를 들어 $('div').children()은 div 요소 A 아래의 모든 하위 요소를 반환합니다. 새 패키징 세트; 매개변수가 지정되면 매개변수도 필터 표현식입니다.
Contents(): 원래 패키징 세트 요소의 콘텐츠로 구성된 새 패키징 세트를 반환합니다(텍스트 노드를 포함할 수 있음).
next(): 원래 패키징 세트 요소의 모든 고유한 다음 형제 요소로 구성된 새 패키징 세트를 반환합니다. 매개변수가 지정된 경우 매개변수도 $('div#; someDiv').next() ID가 someDiv인 div 요소의 다음 형제 요소를 포함하는 래핑 세트를 반환합니다. 매개변수가 지정되면 매개변수도 필터 표현식입니다.
nextAll(): 모든 항목을 포함하는 새 래핑 세트를 반환합니다. 예를 들어, $('div#someDiv').nextAll()은 ID가 someDiv인 div 요소의 다음 형제 요소를 포함하는 새 패키징 세트를 반환합니다.


  parent(): 원래 패키징 세트의 모든 요소 중 유일한 직접 상위 요소의 새 패키징 세트를 반환합니다. 매개변수가 지정되면 매개변수도 필터 표현식입니다. ): 원래 패키징 세트에 있는 모든 요소의 상위 요소로 구성된 새 패키징 세트를 반환합니다. 매개변수가 지정된 경우 매개변수도 필터 표현식입니다.
 prev(): 모든 고유 요소로 구성된 새 패키징 세트를 반환합니다. 원래 패키징 세트 요소의 이전 형제 요소. 매개변수가 지정되면 매개변수도 필터 표현식입니다.

prevAll(): 다음과 같은 경우 원래 래핑 세트 요소의 모든 이전 형제 요소를 포함하는 새 래핑 세트를 반환합니다. 매개변수가 지정되면 매개변수는 필터 표현식이기도 합니다.
 siblings(): 원래 래핑 세트 요소의 모든 고유 형제 요소를 포함하는 새 래핑 세트를 반환합니다. 매개변수가 지정되면 매개변수는 다음으로 구성됩니다. 또한 필터 표현식
 find(String): 전달된 선택기 표현식과 일치하는 원래 패키징 세트의 모든 요소를 ​​포함하는 새 패키징 세트를 반환하고 원래 패키징 세트에 있는 요소의 하위 항목도 새 패키징으로 전달됩니다. set;
 contains(text): 텍스트 매개변수로 전달된
string 텍스트를 포함하는 요소로 구성된 새 패키징 세트를 반환합니다.  is(String ): 패키지 세트에 문자열 일치 요소가 포함되어 있으면 true를 반환하고, 그렇지 않으면 반환합니다. false;
 clone(copyHandle): 들어오는 매개변수가 true이면 이벤트가 함께 복사되고, 그렇지 않으면 이벤트가 복사되지 않고 새 패키지가 설정됩니다.
 end(): jQuery 명령 내에서 호출됩니다. 이전 포장 세트로 돌아갑니다

위 내용은 Jquery 클래스 배열이란 무엇입니까? 어떻게 작동하나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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