>  기사  >  웹 프론트엔드  >  Jquery의 기본 필터는 무엇입니까

Jquery의 기본 필터는 무엇입니까

藏色散人
藏色散人원래의
2020-11-16 10:57:532876검색

jquery의 기본 필터는 다음과 같습니다. 1. 선택한 요소의 첫 번째 요소를 반환하는 jQuery 첫 번째 메서드, 2. 선택한 요소 중 지정된 인덱스 번호를 가진 요소를 반환하는 jQuery 마지막 메서드, , 이 메소드는 선택된 요소 중 지정된 인덱스 번호를 가진 요소를 반환합니다.

Jquery의 기본 필터는 무엇입니까

추천: "js 동영상 튜토리얼"

jQuery 기본 필터

최근 편집자는 jQuery에 대한 지식을 배우고 있으며 최근 프로젝트에 사용된 지식을 요약합니다.

 jQuery first() 메서드

  first() 메서드는 선택한 요소의 첫 번째 요소를 반환합니다.

          다음 예에서는 첫 번째 ff6d136ddc5fdfeffaf53ff6ee95f185 요소 내의 첫 번째 25edfb22a4f469ecb59f1190150159c6 요소를 선택합니다.

$(document).ready(function(){
  $("ul li").first();
});

jQuery last() 메서드

last() 메서드는 선택한 요소의 마지막 요소를 반환합니다.

다음 예에서는 마지막 ff6d136ddc5fdfeffaf53ff6ee95f185 요소에서 마지막 25edfb22a4f469ecb59f1190150159c6 요소를 선택합니다.

$(document).ready(function(){
  $("ul li").last();
});

jQuery eq() 메서드

eq() 메서드는 지정된 인덱스 번호 요소를 사용하여 선택한 요소를 반환합니다.

인덱스 번호는 0부터 시작하므로 첫 번째 요소의 인덱스 번호는 1이 아닌 0입니다. 다음 예에서는 두 번째 e388a4556c0f65e1904146cc1a846bee 요소(색인 번호 1)를 선택합니다.

$(document).ready(function(){
  $("p").eq(1);
});

jQuery filter() 메서드

filter() 메서드를 사용하면 기준을 지정할 수 있습니다. 이 기준과 일치하지 않는 요소는 컬렉션에서 제거되고 일치하는 요소가 반환됩니다.

다음 예에서는 클래스 이름이 "intro"인 모든 e388a4556c0f65e1904146cc1a846bee 요소를 반환합니다.

$(document).ready(function(){
  $("p").filter(".intro");
});

jQuery not() 메서드

not() 메서드는 기준과 일치하지 않는 모든 요소를 ​​반환합니다.

팁: not() 메서드는 filter()와 반대입니다.

다음 예에서는 클래스 이름 "intro"가 없는 모든 e388a4556c0f65e1904146cc1a846bee 요소를 반환합니다.

$(document).ready(function(){
  $("p").not(".intro");
});

[예]

페이지에서 동적으로 생성된 메뉴(li 태그)가 다음과 같은 방법으로 첫 번째 메뉴 기능을 표시해야 하는 경우 default 이때 .first 메소드가 매우 유용합니다.

아아아아

위 내용은 Jquery의 기본 필터는 무엇입니까의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.