jquery_jquery의 필터링 작업에 대한 자세한 분석

1. 필터링

名称	说明	举例
eq( index )	获取第N个元素	获取匹配的第二个元素: $("p").eq(1)
filter( expr )	筛选出与指定表达式匹配的元素集合。	保留带有select类的元素: $("p").filter(".selected")
filter( fn )	筛选出与指定函数返回值匹配的元素集合 这个函数内部将对每个对象计算一次 (正如 '$.each'). 如果调用的函数返回false则这个元素被删除，否则就会保留。	保留子元素中不含有ol的元素: $("div").filter(function(index) {   return $("ol", this).size() == 0; });
is( expr ) 注意: 这个函数返回的不是jQuery包装集而是Boolean值	用一个表达式来检查当前选择的元素集合，如果其中至少有一个元素符合这个给定的表达式就返回true。 如果没有元素符合，或者表达式无效，都返回'false'. 'filter' 内部实际也是在调用这个函数，所以，filter()函数原有的规则在这里也适用。	由于input元素的父元素是一个表单元素，所以返回true: $("input[type='checkbox']").parent().is("form")
map( callback )	将一组元素转换成其他数组（不论是否是元素数组） 你可以用这个函数来建立一个列表，不论是值、属性还是CSS样式，或者其他特别形式。这都可以用'$.map()'来方便的建立	把form中的每个input元素的值建立一个列表: $("p").append( $("input").map(function(){   return $(this).val(); }).get().join(", ") );
not( expr )	删除与指定表达式匹配的元素	从p元素中删除带有 select 的ID的元素: $("p").not( $("#selected")[0] )
slice( start, end )	选取一个匹配的子集	选择第一个p元素: $("p").slice(0, 1);

이름

설명

예

eq( 인덱스 )

N번째 요소 가져오기

두 번째로 일치하는 요소 가져오기:
$("p").eq(1)

필터( expr )

지정된 표현식과 일치하는 요소 집합을 필터링합니다.

선택 클래스로 요소 유지:
$("p").filter(".selected")

필터(fn)

지정된 함수의 반환 값과 일치하는 요소 집합을 필터링합니다 이 함수는 내부적으로 각 객체를 한 번씩 계산합니다('$.each'와 마찬가지로). 호출된 함수가 false를 반환하면 요소가 삭제되고 그렇지 않으면 유지됩니다.

하위 요소 중 ol을 포함하지 않는 요소 유지:
$("div").filter(function(index) {
return $("ol", this).size() == 0;
});

is( expr)

참고: 이 함수는 jQuery 래퍼 세트가 아니라 부울 값을 반환합니다

식을 사용하여 현재 선택된 요소 집합을 확인하고, 하나 이상의 요소가 주어진 식과 일치하면 true를 반환합니다. 일치하는 요소가 없거나 표현식이 유효하지 않으면 'false'가 반환됩니다. 'filter'는 실제로 이 함수를 내부적으로 호출하므로 여기에도 filter() 함수의 원래 규칙이 적용됩니다.

입력 요소의 상위 요소가 양식 요소이므로 true가 반환됩니다:
$("input[type='checkbox']").parent().is(" 양식")

맵(콜백)

요소 집합을 다른 배열로 변환합니다(요소 배열인지 여부에 관계없음) 이 기능을 사용하면 값, 속성, CSS 스타일 또는 기타 특수 형식 등 목록을 만들 수 있습니다. 이는 '$.map()'을 사용하여 쉽게 설정할 수 있습니다

다음 형식으로 각 입력 요소의 값 목록을 생성합니다:
$("p").append( $("input").map(function(){
return $(this).val();
}).get().join( ", ") );

아님( expr )

지정된 표현식과 일치하는 요소 삭제

p 요소에서 select ID를 가진 요소를 제거합니다:
$("p").not( $("#selected")[0] )

슬라이스(시작, 끝)

일치하는 하위 집합 선택

첫 번째 p 요소 선택:
$("p").slice(0, 1);