jQuery ( ": has (selector)")
jQuery ( ": has (selector)")
설명 : 지정된 선택기와 일치하는 요소를 하나 이상 포함하는 요소를 선택합니다.
이 표현식 $( "div:has(p)" )은 a <div>가 a 와 일치하는 경우에만 <p>존재합니다.
추가 참고 사항 :
:has()jQuery 확장이며 CSS 사양의 일부가 아니기 때문에 사용하는 쿼리 :has()는 기본 DOM querySelectorAll()메서드 에서 제공하는 성능 향상을 이용할 수 없습니다 . 최신 브라우저의 성능을 높이려면 $( "your-pure-css-selector" ).has( selector/DOMElement )대신 사용하십시오.
예:
그 안에 단락이있는 모든 div에 "test"클래스를 추가합니다.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>has demo</title>
<style>
.test {
border: 3px inset red;
}
</style>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<div><p>Hello in a paragraph</p></div>
<div>Hello again! (with no paragraph)</div>
<script>
$( "div:has(p)" ).addClass( "test" );
</script>
</body>
</html>
게시판 목록
개발자팁
개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.
질문은 QA에서 해주시기 바랍니다.
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|---|
| 4646 | PHP | 8년 전 | 2141 | ||
| 4645 | PHP | 8년 전 | 2135 | ||
| 4644 | PHP | 8년 전 | 1636 | ||
| 4643 | PHP | 8년 전 | 1703 | ||
| 4642 | PHP | 8년 전 | 1806 | ||
| 4641 | PHP | 8년 전 | 1877 | ||
| 4640 | PHP | 8년 전 | 2039 | ||
| 4639 | PHP | 8년 전 | 1690 | ||
| 4638 | PHP | 8년 전 | 1603 | ||
| 4637 | PHP | 8년 전 | 1838 | ||
| 4636 | PHP | 8년 전 | 1560 | ||
| 4635 | Mobile | 8년 전 | 10197 | ||
| 4634 | PHP | 8년 전 | 2128 | ||
| 4633 | PHP | 8년 전 | 1715 | ||
| 4632 | PHP | 8년 전 | 1992 | ||
| 4631 | OS | 8년 전 | 7132 | ||
| 4630 | PHP | 8년 전 | 2026 | ||
| 4629 | PHP | 8년 전 | 2069 | ||
| 4628 | PHP | 8년 전 | 5442 | ||
| 4627 | MySQL | 8년 전 | 4244 | ||
| 4626 | OS |
 GKTEAM |
8년 전 | 3091 | |
| 4625 | PHP | 8년 전 | 2315 | ||
| 4624 | PHP | 8년 전 | 2213 | ||
| 4623 | PHP | 8년 전 | 1872 | ||
| 4622 | PHP | 8년 전 | 2277 | ||
| 4621 | PHP | 8년 전 | 2026 | ||
| 4620 | PHP | 8년 전 | 2092 | ||
| 4619 | 기타 | 8년 전 | 3826 | ||
| 4618 | PHP | 8년 전 | 2671 | ||
| 4617 | PHP | 8년 전 | 1870 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기