jquery에서는 ":not()" 선택기를 사용하여 eq 선택기로 선택한 요소를 가져올 수 있습니다. ":not()" 선택기는 지정된 요소를 제외한 모든 요소를 선택하는 데 사용됩니다. 다른 선택 사항. 연산자와 함께 사용되는 구문은 "$("Element:not(:eq(...))").Method"입니다.
이 튜토리얼의 운영 환경: windows10 시스템, jquery3.4.1 버전, Dell G3 컴퓨터.
eq
eq() 메서드를 제외하고 jquery에서 선택한 요소를 가져오는 방법 선택한 요소의 지정된 인덱스 번호를 가진 요소를 반환합니다.
인덱스 번호는 0부터 시작하므로 첫 번째 요소의 인덱스 번호는 0(1이 아님)입니다.
Syntax
$(selector).eq(index)
index가 필요합니다. 요소의 인덱스를 지정합니다. 정수 또는 음수가 될 수 있습니다.
참고: 음수를 사용하면 선택한 요소의 끝부터 인덱스가 계산됩니다.
: eq() 선택기는 지정된 인덱스 값을 가진 요소를 선택합니다.
인덱스 값은 0부터 시작하며 모든 첫 번째 요소의 인덱스 값은 0(1이 아님)입니다.
위의 예와 같이 지정된 그룹에서 특정 시퀀스 번호를 가진 요소를 선택하기 위해 다른 요소/선택기와 함께 자주 사용됩니다.
Syntax
$(":eq(index)")매개변수 설명
index 필수입니다. 요소의 인덱스 값을 지정합니다.
eq로 선택한 요소 이외의 요소를 가져오려면 :not() 선택기를 사용하세요.
:not() 선택기는 지정된 요소를 제외한 모든 요소를 선택합니다.
가장 일반적인 사용법: 지정된 요소를 제외한 지정된 조합의 모든 요소를 선택하기 위해 다른 선택기와 함께 사용됩니다(예: 위의 예).
구문
$(":not(selector)")매개변수 설명
선택기 필수입니다. 선택되지 않은 요소를 지정합니다.
이 매개변수는 모든 유형의 선택기를 허용합니다.
예제는 다음과 같습니다.
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("p:eq(1)").css("background-color","#B2E0FF");
});
</script>
</head>
<body>
<html>
<body>
<h1 id="Welcome-nbsp-to-nbsp-My-nbsp-Homepage">Welcome to My Homepage</h1>
<p class="intro">My name is Donald</p>
<p>I live in Duckburg</p>
<p>My best friend is Mickey</p>
<div id="choose">
Who is your favourite:
<ul>
<li>Goofy</li>
<li>Mickey</li>
<li>Pluto</li>
</ul>
</div>
</body>
</html>
</body>
</html>출력 결과:
선택기를 사용하지 않은 예는 다음과 같습니다.
<script type="text/javascript">
$(document).ready(function(){
$("p:not(:eq(1))").css("background-color","#B2E0FF");
});
</script> 출력 결과:
비디오 튜토리얼 추천: jQuery 비디오 튜토리얼
위 내용은 jquery에서 eq로 선택된 요소를 얻는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
React의 한계는 무엇입니까?May 02, 2025 am 12:26 AM반응 말 : 1) asteeplearningcurveduetoitsvastecosystem, 2) Seochallengswithclient-siderendering, 3) PlatiperFormanceIssUseInlargeApplications, 4) ComplexStateManagementAsAppSgrow, 및 5) theneedTokeEpupWithitsHouou
React의 학습 곡선 : 새로운 개발자를위한 도전May 02, 2025 am 12:24 AMReactisChallengingforbeginnersdueToitssteePlearningCurveanDParadigMshiftTocomponent 기반 Architection.1) 시작된 문서화 forasolidFoundation.2) startWithOficialDocumentationForAsolIdfoundation.2) 이해를 이해하는 방법
React에서 동적 목록을위한 안정적이고 고유 한 키 생성May 02, 2025 am 12:22 AMthecorechallengeenderatingStableanduniquekysfordynamiclistsinconsengingconsententifiersacrossre-rendersforefficialdomupdates
JavaScript 피로 : React 및 그 도구로 최신 상태를 유지합니다May 02, 2025 am 12:19 AMJavaScriptFatigueInreactismanageablewithstrestriveStriveStriveStiMelearningandcuratedInformationSources.1) 1))
usestate () 후크를 사용하는 테스트 구성 요소May 02, 2025 am 12:13 AMTOTESTREACTCOMPONENTSUSINSUSISTATEHOOK, useJestAndReactTestingLibraryTosimulationInteractionsandStateChangeSintheUI.1) renderTheComponentAndCheckInitialState.2) SimulateUserActionSlikeClickSorformSubMissions.3) verifyTateRecerFectsin
React의 키 : 성능 최적화 기술에 대한 깊은 다이빙May 01, 2025 am 12:25 AMkeysinReactareCrucialforopiTizingPerformanceByIningIneficiveliceListEpdates.1) uskeyStoIndifyAndTrackListElements.2) revingArrayIndiceSkeyStopReverFormanceSues.3) 선택 가능한 식당 LikeItesteM.idtomaintaintAteAndimProvePerform
React의 열쇠는 무엇입니까?May 01, 2025 am 12:25 AMRenderingListStoimproverCiliationeficiency를 사용하면 RECTKEYSAREUNIQUEINDIFIERSEDS (1) ISHELPREACTTRACKCHANGENLISTEMS, 2) 사용 ASSABLEANDUNICEIDERIDERSISTEMIDSISRECEMENDEND, 3) RepoySingArrayIndicesAskeyStopReventIsseswithReAdering 및 4) ENS
React에서 고유 키의 중요성 : 일반적인 함정 방지May 01, 2025 am 12:19 AM고유 한 KeysAreCrucialInreactforoptoropiTizing and ComponentStateIntegrity
핫 AI 도구
Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱
AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.
Undress AI Tool
무료로 이미지를 벗다
Clothoff.io
AI 옷 제거제
Video Face Swap
완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!
인기 기사
뜨거운 도구
MinGW - Windows용 미니멀리스트 GNU
이 프로젝트는 osdn.net/projects/mingw로 마이그레이션되는 중입니다. 계속해서 그곳에서 우리를 팔로우할 수 있습니다. MinGW: GCC(GNU Compiler Collection)의 기본 Windows 포트로, 기본 Windows 애플리케이션을 구축하기 위한 무료 배포 가능 가져오기 라이브러리 및 헤더 파일로 C99 기능을 지원하는 MSVC 런타임에 대한 확장이 포함되어 있습니다. 모든 MinGW 소프트웨어는 64비트 Windows 플랫폼에서 실행될 수 있습니다.
에디트플러스 중국어 크랙 버전
작은 크기, 구문 강조, 코드 프롬프트 기능을 지원하지 않음
Atom Editor Mac 버전 다운로드
가장 인기 있는 오픈 소스 편집기
메모장++7.3.1
사용하기 쉬운 무료 코드 편집기
SublimeText3 영어 버전
권장 사항: Win 버전, 코드 프롬프트 지원!
