>웹 프론트엔드 >JS 튜토리얼 >JQuery API 3부로 Jquery 배우기 Filtering_jquery

JQuery API 3부로 Jquery 배우기 Filtering_jquery

WBOY
WBOY원래의
2016-05-16 18:29:501199검색
1. 필터
eq(색인) 이 함수와 기본 함수를 보세요. eq는 동일한 것 같습니다(실제로는 동일합니다)
예를 들어
1이 있습니다.
1
을 선택하고 $(“div”).eq(1) 또는 $(“div:eq(1)”)
을 사용하여 두 번째 div를 선택할 수 있습니다. 효과는 동일합니다

hasClass(class)는 현재 요소에 클래스가 포함되어 있는지 확인하는 데 사용됩니다. is(“.” class) 함수와 동일합니다. 표현식을 사용합니다. 현재 선택된 요소 집합을 확인하고 하나 이상의 요소가 지정된 표현식과 일치하면 true를 반환합니다. is(expr)의 매개변수는 선택기의 매개변수입니다.

filter(expr)는 일치하는 표현식을 사용하여 요소 집합을 선택하는 데 사용됩니다. 이는 반환된 부울 유형이고 필터가 범위를 좁히는 데 사용된다는 점을 제외하면 is와 다소 유사합니다. .filter 의 매개변수는 함수일 수 있으며 함수의 반환 값은 bool 유형입니다. 반환 값이 true이면 노드가 유지됩니다. 실제로는 개체를 통해 루프를 만든 다음 불필요한 개체를 삭제하는 것입니다. 예를 들어,

asdf

2343

이 있는 경우 클래스가 aa인 것을 선택하고 그의 텍스트를
$("p").filter(function( ) { return $( this).hasClass("aa") }).text("selected thing")

not(txpr)은 일치하는 요소를 삭제하는 데 사용됩니다. 이는 이전 항목과 동일합니다. not()
slice(start,[end])는 처음부터 끝까지 세그먼트를 선택하고 끝이 없으면 끝나는
$("p").slice(0, 1)을 항상 느낍니다. 이 함수의 두 번째 부분 변수가 num이어야 한다면 더 좋을 것입니다. 어느 것부터 시작할 것인지, 첫 번째 num을 선택하세요.

2 검색
add(expr) 원본 객체에 표현식과 일치하는 객체를 추가합니다. 이는 $("#id, .cs" )
동일한 효과로 $("#id").add(".cs")로 작성할 수도 있습니다.
Children([expr])은 모든 하위 요소 세트를 가져옵니다.
Contents()는 일치하는 모든 요소 하위 노드를 찾습니다. iframe인 경우 문서 내용을 검색합니다. 이는 텍스트 편집기와 같이 iframe 내부의 콘텐츠를 변경하는 데 쉽게 사용할 수 있습니다. .
find(expr)는 지정된 표현식과 일치하는 콘텐츠를 검색합니다. 이는 선택기를 사용하여 구현할 수도 있습니다. 예를 들어 $("ul li")는 $("ul").find("li)로 작성할 수 있습니다. ")
next(expr)는 형제 요소 중에서 바로 뒤에 오는 요소를 검색합니다. 이것은 a b의 선택자 형식입니다. 예를 들어 $("div p") 다음에 div가 오는 것을 선택하려는 경우 물론 p 태그도 사용할 수 있습니다. $("div") .next("p")
nextAll()은 모든 후속 형제 요소를 검색합니다. 이는 a~b와 동일합니다. ") 및 $("div").nextAll("p")는 동일합니다.
Prev([expr])는 바로 인접한 형제 요소의 이전 요소를 가져옵니다. 이는 next()와 정확히 반대입니다
PrevAll([expr])는 이전 요소를 모두 가져옵니다. 이는 nextAll()과 정확히 반대입니다.
Siblings([expr]) 이 함수는 nextAll()과 prevAll()의 합이어야 합니다.

offsetParent()는 첫 번째 요소의 상위 노드를 반환합니다. 왜 이것이 첫 번째 요소입니까? 이것은 JavaScript로 수행되지만, 우리는 jquery를 사용하고 jquery 객체를 조작해야 한다고 강조합니다. JQuery 객체와 JS 객체는 실제로 배열 배열이므로 작업에 주의가 필요합니다. 배열의 값을 꺼내려면 첫 번째와 마지막 가격 지수 [ 0] 첫 번째 개체를 가져옵니다.
Parent(expr)는 모든 요소에 포함된 상위 요소를 가져옵니다. 우리는 jquery 객체가 배열이라는 것을 이미 알고 있으므로 여러 노드를 포함할 수 있습니다. 그런 다음 이러한 여러 노드의 공통 상위 노드를 찾아야 합니다. 두 사람이 있는 것처럼 한 사람은 후베이 사람이고 다른 한 사람은 허난 사람입니다. 즉, 둘 다 중국 사람입니다. 물론 매개변수 상위(Hubei)를 채울 수도 있습니다. 그러면 우리가 얻는 최종 노드는 Hubei입니다. end()는 마지막 "파괴적인" 작업으로 돌아갑니다. 그렇다면 파괴적인 작업은 무엇입니까?
예를 들어 앞서 언급한 next()는 다음과 같습니다. $("div p")로 완료할 수 있는 작업을 $("div").next("p")로 작성해야 하는 이유를 알아보세요.
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.