지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 웹 프론트엔드 > JS 튜토리얼 > jquery next nextAll nextUntil siblings_jquery 간의 차이점 소개

jquery next nextAll nextUntil siblings_jquery 간의 차이점 소개

WBOY
풀어 주다： 2016-05-16 17:20:35
원래의
1216명이 탐색했습니다.

next: $('') 옆에 있는 요소

nextAll: $('') 뒤의 모든 형제 요소

nextUntil: Until. . . 이전 의미이므로 $('') 뒤의 모든 형제 요소를 의미하지만, 일치하는 요소 자체는 제외하고 nextUntil 매개변수 앞의 모든 형제 요소를 의미합니다.

sibings: $('') 앞과 뒤의 모든 형제 요소

간단한 이해는 다음은 그의 남동생/자매를 찾는 것이고, 다음은 모두 그의 남동생/자매를 모두 찾는 것이고, 다음은 그보다 특정 나이 어린 남동생/자매를 찾는 것이고, 형제자매를 찾는 것입니다. 그의 모든 형제/자매, 그리고 그의 모든 형제/자매. 그래서 동일한 Peer 관계, prev, prevAll, prevUntil

다음은 간단한 테스트 코드입니다

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





문서
<스크립트 유형= 'text/ javascript' src='http://code.jquery.com/jquery-1.9.1.min.js'>


hhh

제목입니다

;p>이것은 테스트입니다


이것은 테스트입니다

이것은 테스트입니다

이것은 테스트입니다

테스트


hhha

테스트입니다

테스트입니다

>< ;/div>
<script> <br>$(function(){ <br>//$('p:first').next().css('배경','red') ; <br>//$('p:first').nextAll().css('배경','노란색') <br>//$('p:first').nextUntil('div') .css({'font-size':20,배경:'red'}) <br>//$('p:first').siblings().css('Background','yellow') <br> }) <br></script>


관련 라벨：
next
원천：php.cn
이전 기사：js 전환 커서 샘플 code_javascript 기술 다음 기사：jquery()의 세 가지 구문 소개
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
다음은 Nodejs를 사용하는 미들웨어에서 제대로 작동하지 않습니다. 저는 Nodejs로 작업하고 expressjs를 사용하고 있으며 지금은 미들웨어 기능에 대해 작업 중입니다. 미들웨어 개념의 "다음" 작업이 무...
에서 2024-04-04 17:33:56
0
1
340
postgres 및 nodeJS를 사용하여 데이터를 검색할 수 없습니다. 이것이 다음 파일을 설정하는 방법입니다: index.jsconstexpress=require('express')constapp=express()constport=...
에서 2024-04-03 11:13:03
0
1
268
Express 미들웨어의 "다음" 기능과 다른 기능으로 리디렉션하는 역할을 살펴보세요. 저는 Nodejs를 처음 접하고 Expressjs를 작업하고 있으며 이제 특정 경로에 대한 "미들웨어 기능"을 작업하고 있습니다. "다...
에서 2024-04-02 21:02:16
0
1
317
Next.js 13 클라이언트와 서버 측에서 쿠키를 얻는 방법 헤더 importclientCookiesfrom"js-cookie";import{cookies}from"next/headers"...
에서 2024-04-01 11:22:43
0
1
470
Node.js Express 미들웨어 기능의 "next" 매개변수 기능 이해 저는 Nodejs에서 작업 중이고 "Expressjs"를 사용하고 있으며 지금은 "미들웨어 기능"에서 작업하고 있습니다. 이것...
에서 2024-04-01 09:13:25
0
1
328
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿