jquery_jquery의 필터링 작업에 대한 자세한 분석
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
풀어 주다: 2016-05-16 17:11:32
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); |
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
-
2025-02-26 03:58:14
-
2025-02-26 03:38:10
-
2025-02-26 03:17:10
-
2025-02-26 02:49:09
-
2025-02-26 01:08:13
-
2025-02-26 00:46:10
-
2025-02-25 23:42:08
-
2025-02-25 22:50:13
-
2025-02-25 21:54:11
-
2025-02-25 20:45:11