jQuery_jquery에서 parent()와 parent()의 차이점 분석

본 글은 jQuery에서 parent()와 parent()의 차이점을 예시를 통해 분석하고 참고용으로 공유합니다. 구체적인 분석은 다음과 같습니다.

사실 jQuery에서 함수나 선택자의 개념은 매우 이해하기 쉽습니다. API 매뉴얼을 숙지하면 쉽게 구분할 수 있습니다. , 그러나 여기서는 몇 가지 간단한 작업을 수행해 보겠습니다. 결국 이것이 더 편리할 수 있습니다.

1.parents() 함수:

이 함수는 일치하는 요소의 모든 상위 요소를 가져올 수 있습니다. 코드 예:

코드 복사 코드는 다음과 같습니다.

$(".mayi").parents(). CSS(" 색상","빨간색");

위 코드는 클래스 속성 값이 "mayi"인 모든 요소의 모든 상위 요소의 글꼴 색상을 빨간색으로 설정할 수 있습니다.
전체 코드 예제 보기:

코드 복사 코드는 다음과 같습니다.

br />
$(문서).ready(함수(){
$(".mayi").parents().css("color","red")
})
스크립트>
머리>

스크립트 하우스 1

스크립트 하우스 하나씩
스크립트 하우스가 여러분을 환영합니다

본문>

위 코드는 범위 요소의 모든 상위 요소에서 글꼴 색상을 빨간색으로 설정할 수 있습니다.


2.parent() 함수:


이 함수는 모든 상위 요소가 아닌 일치하는 모든 요소의 첫 번째 수준 상위 요소를 가져올 수 있습니다.

코드 복사

코드는 다음과 같습니다.$(".mayi").parents(). CSS(" 색상","빨간색");

위 코드는 클래스 속성 값이 mayi인 요소의 첫 번째 수준 상위 요소의 글꼴 색상을 빨간색으로 설정할 수 있습니다.

전체 코드를 살펴보세요:

코드 복사

코드는 다음과 같습니다.

br />
$(문서).ready(함수(){ $(".mayi").parent().css("color","red")

})

스크립트> 머리>

스크립트 하우스 1

스크립트 하우스 하나씩 스크립트 하우스가 여러분을 환영합니다

본문> 위 코드는 스팬 요소의 첫 번째 수준 상위 요소에 있는 "Script Home One One"의 글꼴 색상을 빨간색으로만 설정할 수 있습니다.

이 두 함수의 가장 큰 차이점은 함수 이름에서도 느낄 수 있듯이 s가 없으면 상위 요소만 가져올 수 있습니다. -레벨 상위 요소입니다. 더 이상 소개하지 않고 관심 있는 친구들이 관련 기사를 참조할 수 있습니다.

이 기사가 모든 사람의 jQuery 프로그래밍에 도움이 되기를 바랍니다.