jQuery ( ": has (selector)")

수다왕

· 8년 전 · 조회 2210 2210

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

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

글쓰기

번호	분류	제목	글쓴이	날짜	조회
5276		자바스크립 시계 [한국시간 고정] [8]	오땡스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1331
5275		라라곤 6.0 데이타베이스 패스워드 설정하기 [1]	마젠토 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1401
5274	기타	특정 기기 접근 금지시키는 스크립트	Tak2 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	815
5273	JavaScript	ThreeJS - 3D Bar and Progress Bar [1]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1045
5272	node.js	RAM점유크기에 의한 노드서버관리	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	743
5271	JavaScript	Javascript Undo, Redo 기능 구현하기	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1495
5270	PHP	PHP에서 다운로드로직을 구현할때 서버부하문제를 고려한 방법	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	844
5269	node.js	nodejs서버가 사용중인 메모리에 대한 로그	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	680
5268	node.js	node.js에서 스케쥴링작성 [8]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1210
5267	PHP	파일의 MIME 타입을 얻기 위한 클래스 [1]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1591
5266	MySQL	InnoDB와 MyISAM의 우단점	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1088
5265	PHP	코드이그나이터와 라라벨의 비교 [1]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	2029
5264	JavaScript	자바스크립트 기반으로 HTML Canvas에 이미지를 불러들여 테두리색입히기	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	859
5263	기타	일반 tcp소켓과 웹소켓의 비교 [5]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	2980
5262	기타	다중 소켓 포트와 한 개의 소켓 포트 비교	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	667
5261	node.js	tcp소켓과 websocket 의 비교 [2]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1059
5260	JavaScript	JavaScript로 이미지의 부분 영역을 따내기	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1508
5259	node.js	JWT란 무엇이며 nodejs에서 JWT를 구현하기 위한 방법	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	730
5258	node.js	Node.js 코드를 실행 가능한 단일 실행 파일로 묶는 방법	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1743
5257	node.js	노드에서 이미지 자료를 웹소켓을 통해 클라이언트에 전송하고, 클라이언트에서는 웹소켓을 통해 이미지를 받아서 웹브라우저에 표시 [1]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1292
5256	PHP	PHP를 사용하여 TCP 소켓 서버를 만드는 방법	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1938
5255	node.js	nodejs로 망기판을 선택하여 그 망기판으로 외부와 통신하는 코드 [1]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	684
5254	PHP	PHP로 웹소켓서버를 생성하여 채팅기능 구현하기 [2]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	3011
5253	node.js	Node.js로 지속적인 핑 결과를 파일로 저장	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	676
5252	정규표현식	특수문자 제거, 우리글짜가 있는지 체크	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	622
5251	node.js	Node.js에서 PDF 파일의 페이지 수를 얻기	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	876
5250	PHP	PHP로 pdf의 페이지수를 얻기 [1]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1110
5249	node.js	Node.js로 워터마킹 기능을 구현하는 방법	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1059
5248	PHP	PHP를 사용하여 이미지에 워터마크를 추가하는 방법 한가지	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1409
5247	node.js	NodeJS에서 image를 업로드 하면 그와 유사한 상품리스트 작성하기 [2]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1014

자바스크립 시계 [한국시간 고정] [8]

오땡스

jQuery ( ": has (selector)")

댓글 작성

게시판 목록

개발자팁

자바스크립 시계 [한국시간 고정] [8]

라라곤 6.0 데이타베이스 패스워드 설정하기 [1]

[기타] 특정 기기 접근 금지시키는 스크립트

[JavaScript] ThreeJS - 3D Bar and Progress Bar [1]

[node.js] RAM점유크기에 의한 노드서버관리

[JavaScript] Javascript Undo, Redo 기능 구현하기

[PHP] PHP에서 다운로드로직을 구현할때 서버부하문제를 고려한 방법

[node.js] nodejs서버가 사용중인 메모리에 대한 로그

[node.js] node.js에서 스케쥴링작성 [8]

[PHP] 파일의 MIME 타입을 얻기 위한 클래스 [1]

[MySQL] InnoDB와 MyISAM의 우단점

[PHP] 코드이그나이터와 라라벨의 비교 [1]

[JavaScript] 자바스크립트 기반으로 HTML Canvas에 이미지를 불러들여 테두리색입히기

[기타] 일반 tcp소켓과 웹소켓의 비교 [5]

[기타] 다중 소켓 포트와 한 개의 소켓 포트 비교

[node.js] tcp소켓과 websocket 의 비교 [2]

[JavaScript] JavaScript로 이미지의 부분 영역을 따내기

[node.js] JWT란 무엇이며 nodejs에서 JWT를 구현하기 위한 방법

[node.js] Node.js 코드를 실행 가능한 단일 실행 파일로 묶는 방법

[node.js] 노드에서 이미지 자료를 웹소켓을 통해 클라이언트에 전송하고, 클라이언트에서는 웹소켓을 통해 이미지를 받아서 웹브라우저에 표시 [1]

[PHP] PHP를 사용하여 TCP 소켓 서버를 만드는 방법

[node.js] nodejs로 망기판을 선택하여 그 망기판으로 외부와 통신하는 코드 [1]

[PHP] PHP로 웹소켓서버를 생성하여 채팅기능 구현하기 [2]

[node.js] Node.js로 지속적인 핑 결과를 파일로 저장

[정규표현식] 특수문자 제거, 우리글짜가 있는지 체크

[node.js] Node.js에서 PDF 파일의 페이지 수를 얻기

[PHP] PHP로 pdf의 페이지수를 얻기 [1]

[node.js] Node.js로 워터마킹 기능을 구현하는 방법

[PHP] PHP를 사용하여 이미지에 워터마크를 추가하는 방법 한가지

[node.js] NodeJS에서 image를 업로드 하면 그와 유사한 상품리스트 작성하기 [2]