> 웹 프론트엔드 > 프런트엔드 Q&A > 필터링을 위해 jquery는 무엇을 사용합니까?

필터링을 위해 jquery는 무엇을 사용합니까?

WBOY
풀어 주다: 2022-05-10 15:09:03
원래의
2024명이 탐색했습니다.

필터링 방법: 1. ".hasClass("클래스 이름")"를 사용하여 클래스 이름을 필터링합니다. 2. ".eq(n)"을 사용하여 아래 첨자를 필터링합니다. 3. ".is(selector)"를 사용하여 필터링합니다. 판단 4. 필터를 반전하려면 ".not(선택기 또는 함수)"를 사용합니다. 5. 표현식을 필터링하려면 ".filter(선택기 또는 함수)"를 사용합니다.

필터링을 위해 jquery는 무엇을 사용합니까?

이 튜토리얼의 운영 환경: windows10 시스템, jquery3.2.1 버전, Dell G3 컴퓨터.

jquery 필터링에 사용할 내용

jQuery에는 5가지 일반적인 필터링 방법이 있습니다:

1. 클래스 이름 필터링: hasClass();

클래스 이름 필터링, 이는 요소 클래스를 기반으로 한 필터링을 나타냅니다. 필터링합니다. jQuery에서는 hasClass() 메서드를 사용하여 클래스 이름 필터링을 구현할 수 있습니다.

구문: ​​

$().hasClass("类名")
로그인 후 복사

hasClass() 메서드는 일반적으로 요소에 지정된 클래스 이름이 포함되어 있는지 확인하는 데 사용됩니다. 포함되어 있으면 true를 반환하고, 포함하지 않으면 false를 반환합니다.

2. 첨자 필터링: eq();

아래 첨자 필터링은 요소 컬렉션의 첨자를 기준으로 필터링하는 것을 의미합니다. jQuery에서는 eq() 메서드를 사용하여 첨자 필터링을 구현할 수 있습니다.

구문: ​​

$().eq(n)
로그인 후 복사

n은 정수입니다. n이 0 또는 양의 정수 값을 취하는 경우, eq(0)은 첫 번째 요소를 얻고, eq(1)은 두 번째 요소를 얻습니다... 등입니다. n이 음의 정수인 경우 eq(-1)은 마지막 요소에서 첫 번째 요소를 가져오고, eq(-2)는 마지막 요소에서 두 번째 요소를 가져옵니다... 등입니다.

3. 판단 필터링: is();

판단 필터링이란 특정 조건을 기준으로 판단한 후 해당 조건에 맞는 요소를 선택하는 것을 말합니다. jQuery에서는 is() 메서드를 사용하여 판단 필터링을 구현할 수 있습니다.

구문: ​​

$().is(selector)
로그인 후 복사

매개변수 선택자는 선택자입니다. is() 메소드는 현재 선택된 요소 컬렉션에 조건을 충족하는 요소가 있는지 확인하는 데 사용됩니다. 존재하면 true를 반환하고, 존재하지 않으면 false를 반환합니다.

is() 메서드는 사용하기 매우 쉽습니다. 잘 사용할 수 있는지 여부는 코드가 효율적인지 직접적으로 결정합니다. jQuery로 개발할 때 할 수 없는 일은 없고 상상할 수 없는 일만 있을 뿐입니다. 다음은 is() 메소드의 일반적인 함수 코드입니다:

//判断元素是否可见
$().is(":visible")
//判断元素是否处于动画中
$().is(":animated")
//判断单选框或复选框是否被选中
$().is(":checked")
//判断当前元素是否为第一个子元素
$(this).is(":first-child")
//判断文本中是否包含jQuery这个词
$().is(":contains('jQuery')")
//判断是否包含某些类名
$().is(".select")
로그인 후 복사

4. 역 필터링: not()

jQuery에서는 not() 메소드를 사용하여 "일치하지 않음"을 필터링할 수도 있습니다. "조건" 요소를 선택하고 조건을 충족하는 나머지 요소를 반환합니다. 그 중 not() 메소드는 선택자를 사용하여 필터링하거나 함수를 사용하여 필터링할 수 있습니다.

구문: ​​

$().not(selector或fn)
로그인 후 복사

not() 메소드 매개변수가 선택자인 경우, 선택기를 사용하여 조건을 충족하지 않는 요소를 필터링한 다음 나머지 요소를 선택하는 것을 의미합니다. not() 메소드의 매개변수가 함수인 경우, 함수를 이용하여 조건에 맞지 않는 요소를 필터링한 후 나머지 요소를 선택하는 것을 의미합니다.

5. 표현식 필터링: filter(), has().

표현 필터링은 "사용자 정의 표현식"을 사용하여 조건에 맞는 요소를 선택하는 것을 의미합니다. 이 사용자 정의 표현식은 선택기 또는 함수일 수 있습니다.

jQuery에는 표현식 필터링을 위한 두 가지 방법이 있습니다. 하나는 filter() 메서드이고 다른 하나는 has() 메서드입니다.

jQuery filter() 메서드

jQuery에서 filter() 메서드는 선택기를 사용하여 필터링하거나 함수를 사용하여 필터링할 수 있는 매우 강력한 필터링 방법입니다.

1) 선택자 필터링

선택자 필터링이란 선택자를 사용하여 조건에 맞는 요소를 선택하는 것을 말합니다.

구문: ​​

$().filter(selector)
로그인 후 복사

매개변수 선택자는 선택자입니다.

2) 함수 필터링

함수 필터링이란 함수의 반환값을 기준으로 조건에 맞는 요소를 선택하는 것을 말합니다.

구문: ​​

$().filter(fn)
로그인 후 복사

매개변수 fn은 콜백 함수입니다.

filter() 메서드는 매우 강력하며 이전에 배운 필터링 메서드의 거의 모든 기능을 포함합니다. 그러나 매우 느리게 실행되는 것은 filter() 메서드 내부에 너무 많은 것이 캡슐화되어 있기 때문입니다. 따라서 실제 개발에서는 다른 필터링 방법을 우선적으로 사용하고, 최후의 수단으로 filter() 메서드를 사용하는 것이 좋습니다.

jQuery has() 메서드

jQuery에서는 표현식 필터링을 위해 filter() 메서드를 사용하는 것 외에도 has() 메서드를 사용할 수도 있습니다. has() 메서드는 filter() 메서드만큼 강력하지는 않지만 더 빠르게 실행됩니다.

구문: ​​

$().has(selector)
로그인 후 복사

매개변수 선택자는 선택자입니다.

has() 메서드는 filter() 메서드와 기능이 유사하지만 has() 메서드는 기능이 아닌 선택기를 사용하여 필터링할 수 있습니다. 그러므로 has() 메소드를 filter() 메소드의 간소화된 버전으로 생각할 수 있습니다.

추천 관련 비디오 튜토리얼: jQuery 비디오 튜토리얼

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

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