jQuery 레슨 2: 패킷 요소 Code_jquery 조작

예:

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

$는 p 요소에 대한 래핑 요소를 생성합니다. 이 래핑 요소는 위에서 언급한 선택기를 사용하여 선택한 요소와 동일합니다. jQuery의 일부 메서드를 호출하고 마지막으로appendTo(나중에 설명)를 사용하여 요소를 div로 이동할 수도 있습니다. 최종 결과는 다음과 같습니다.

다음은 포장 세트에서 작동하는 기능을 소개합니다.

1.html(),html(text). 첫 번째 함수는 패키징 세트

의 첫 번째

요소 내부에 있는 html을 반환하고, 두 번째 함수는 패키징 세트의 모든 를 반환합니다. 내부 HTML은 텍스트로 설정됩니다. 2.size(). 래핑된 세트에 포함된 요소를 반환합니다.

3.get(),get(n). 첫 번째 함수는 래핑된 컬렉션의 HTML 요소를 자바스크립트 배열로 반환하고, 두 번째 요소는 n번째 HTML 요소를 반환합니다.

4.index(elem). 패키징 세트에서 전달된 HTML 요소 elem의 위치를 ​​반환합니다. 패키징 세트에 없으면 -1을 반환합니다.

5.add(s),add(elem),add(array) 추가 기능은 패키징 세트에 요소를 추가하는 데 사용됩니다. 선택기인 경우 선택한 모든 요소가 HTML 조각인 경우 이 조각을 기반으로 HTML 요소가 생성되고 이 요소가 HTML 요소이거나 HTML 요소의 배열인 경우 추가됩니다. 곧장.

6. not(expression),filter(expression) 이 두 함수는 포장 세트의 요소를 필터링하는 데 사용됩니다. 표현식은 문자열(선택기), html 요소 또는 요소 배열일 수 있습니다. not 함수는 선택기와 일치하거나 배열에 포함된 요소를 제거합니다. 반면에 필터는 선택기와 일치하는 요소 또는 배열에 포함된 요소를 남깁니다.

7.slice(begin,end) 이 함수는 새 포장 세트를 반환하며, 그 내용은 원래 포장 세트의 처음부터 끝까지의 요소입니다. end를 생략하면 최대 길이가 표시됩니다.

먼저 몇 가지 예를 살펴보겠습니다.

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

>

div1 p1

div1 p2

div1 p3

div>

div2 p1

div2 p3

>

div3 p1

div3 p2

div3 p3