jQuery ( ": has (selector)")

수다왕

· 8년 전 · 조회 2211 2211

설명 : 지정된 선택기와 일치하는 요소를 하나 이상 포함하는 요소를 선택합니다.

이 표현식 $( "div:has(p)" )은 a <div>가 a 와 일치하는 경우에만 <p>존재합니다.

추가 참고 사항 :

:has()jQuery 확장이며 CSS 사양의 일부가 아니기 때문에 사용하는 쿼리 :has()는 기본 DOM querySelectorAll()메서드 에서 제공하는 성능 향상을 이용할 수 없습니다 . 최신 브라우저의 성능을 높이려면 $( "your-pure-css-selector" ).has( selector/DOMElement )대신 사용하십시오.

예:

그 안에 단락이있는 모든 div에 "test"클래스를 추가합니다.

<!doctype html>

<head>

<style>

.test {

border: 3px inset red;

}

</style>

</head>

<body>

<div><p>Hello in a paragraph</p></div>

<div>Hello again! (with no paragraph)</div>

$( "div:has(p)" ).addClass( "test" );

</script>

</body>

</html>

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시판 목록

개발자팁

개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.

글쓰기

번호	분류	제목	글쓴이	날짜	조회
5366	기타	간단한 전자입찰 전략 계산기 [3]	nekoieye 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	1110
5365	PHP	if문으로 비교할게 여러개일때 (feat array_filter) [1]	레오가 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	769
5364	JavaScript	document.querySelector 의 상수화 [2]	비타주리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	519
5363	JavaScript	로또데이터 자바스크립트 기본함수 [7]	비타주리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	986
5362		로또 최신회차 추출하기 [16]	비타주리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	1225
5361	JavaScript	당첨확률 높은 로또번호 추출하기 [24]	비타주리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	1231
5360		순수 CSS로 아코디언 메뉴 구현하기	그누보드이해하기 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	769
5359		직관적인 컬러 찾기 ~ (컬러피커) [3]	울러리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	1085
5358		자바스크립트 응용배열 [10]	비타주리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	1090
5357		PHP 웹 스크래퍼 만들기 : guzzle + dom-crawler [1]	누리컴즈 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	803
5356		토글, 페이지 새로고침 전 상태 유지. (브라우저 쿠키 활용)	울러리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	365
5355		가벼운 랜더링 클래스 [1]	BupKuuBro 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	582
5354		유튜브 반응형 강제쇼츠 동영상 [14]	비타주리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	1054
5353		열기 닫기 아코디언(?) 토글(?) 형식 배너 만들기 [4]	바트컨트롤 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	700
5352		브라우저 줄였을때 브라우저의 가로스크롤 가운데로 이동시키기 [3]	바트컨트롤 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	633
5351	PHP	메일 사진 첨부하는 방법 [2]	론지 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	801
5350	PHP	파일업로드시 이미지 파일 특정 크기로 미리 줄여서 업로드 하기	식냥이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	568
5349	OS	오래된 파일 지우기	누리컴즈 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	642
5348	기타	링크 단축기	Tak2 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	446
5347	기타	파일클립(용량무제한 파일첨부관리 클라우드) 그누보드 플러그인을 써보실분 찾습니다. [7]	파일키위 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	625
5346	기타	[7월 개강반 무료 5분 선착순 모집]AWS 클라우드 활용 풀스택 개발자 모집	필수시리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	502
5345	기타	[7월 개강반 무료 5분 선착순 모집]인공지능,AI 핀테크 서비스 개발자 모집	필수시리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	393
5344	JavaScript	마우스 아웃시 레이어창이 안닫혀요	까망고양이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	422
5343	PHP	버튼 오버시 레이어창 1개는 되는데 2개부터 작동안함	까망고양이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	492
5342	jQuery	카카오 우편번호 jquery로 변환	dbxo 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	568
5341	PHP	계좌번호 복사소스 [1]	WebProduct 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	870
5340	Mobile	br 태그 모바일에만 보여주기	슈퍼스타맨 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	547
5339	기타	불량단어 말고 태그 제한 코드 쎄게 박아넣기	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	544
5338		카페24서버 php7 에서 mssql 연결 안될때 활용법 [3]	멀티트리플 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1288
5337	기타	유튜브 스크립트, 비메오 [7]	슈퍼스타맨 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1780