jQuery ( ": has (selector)")

수다왕

· 8년 전 · 조회 2213 2213

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

이 표현식 $( "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에서 해주시기 바랍니다.

글쓰기

번호	분류	제목	글쓴이	날짜	조회
4976	기타	html 색상표 [1]	덕서리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	5년 전	2118
4975	웹서버	UWAMP를 이용한 USB포터블 PHP개발환경 만들기 [1]	nooree 프로필 보기 이 회원 글보기 이 회원의 댓글보기	5년 전	2762
4974	node.js	NODE_JS + Nunjucks 설정	younhoso 프로필 보기 이 회원 글보기 이 회원의 댓글보기	5년 전	2135
4973	PHP	한글 초성 추출하기 [10]	devdev 프로필 보기 이 회원 글보기 이 회원의 댓글보기	5년 전	3638
4972	기타	MAC OS 도커 쉽게 설치하기 [1]	younhoso 프로필 보기 이 회원 글보기 이 회원의 댓글보기	5년 전	2260
4971	JavaScript	input text 에 여러 이벤트 걸기 두기. [1]	하얀감자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2488
4970	웹서버	Linux로 웹서버 구축 시 SELinux 관련 문제해결방안 [7]	디누 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	4120
4969	JavaScript	Javascript를 최적화하는 13가지 팁 [4]	devdev 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2783
4968	JavaScript	URL이 올바른지 체크 [2]	devdev 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	1932
4967	JavaScript	IE, Edge 브라우저에서는 해당 사이트가 접속이 안되게 하는 코드 [2]	younhoso 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2041
4966	JavaScript	구글 맵 독도 표기 되도록.	devdev 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2114
4965	PHP	date 함수에서 사용할 수있는 포맷문자열	devdev 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2104
4964	기타	[한줄팁] mongodb 한글 like 검색 및 mulitiple 단어 검색...	xpem 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2919
4963	JavaScript	js playground	불사pa 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2088
4962	JavaScript	javascript에서 php를 호출하여 내용 변경하기	퀀텀리프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2285
4961	jQuery	audio.js 미디어 파일 css 및 제어 가능한 플러그인 입니다. [1]	아이티몬스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2094
4960	PHP	DB 테이블에 저장된 카테고리를 트리형식으로 변수에 담기 [2]	티로그 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2738
4959	기타	linux readhat계열 mongodb 설치하기 [1]	자루스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2566
4958	PHP	간단하게 date 함수 요일 숫자를 한글로 나타내는법 [1]	아이티몬스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	4576
4957	기타	기시판 질문입니다. [6]	숙향 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2094
4956	정규표현식	정규식 테스트 연습 편하게 [2]	하늘위의길 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2321
4955	정규표현식	제목에 특수문자 정리하는 정규식 [2]	하늘위의길 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2674
4954	웹서버	테스트용으로 쓸 완전 무료 웹호스팅 [3]	하늘위의길 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	4138
4953	PHP	slack webhook 관련 자료 [1]	늘맑음 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2524
4952	PHP	간단한 백엔드 만들기 클래스 [1]	몰라무서워 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	3211
4951	MySQL	MySQL(MariaDB) DATABASE, 사용자 생성 및 권한 추가 [5]	리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	4129
4950	jQuery	체크박스 시프트(shift) 멀티선택	뽁스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	3612
4949	node.js	Node.js MongoDB Drop [1]	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2678
4948	node.js	여러 데이터 삭제 [1]	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2402
4947	node.js	Node.js MongoDB 삭제	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2647