테스트 사이트 - 개발 중인 베타 버전입니다
SIR

jQuery ( ": has (selector)")

수다왕
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 8년 전 · 2204

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>

목록
이전글 다음글

댓글 작성

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

로그인하기

게시글 목록

번호 제목
15854
jQuery deferred.catch( failFilter )
15853
jQuery deferred.always (alwaysCallbacks [, alwaysCallbacks])
15852
jQuery .dblclick (handler)
15851
jQuery 제이쿼리 .data()
15849
jQuery .css (propertyName)
15848
jQuery .contextmenu( handler )
15847
jQuery .contents()
15843
PHP php 구글 OTP 연동 테스트 하던 자료 9
15842
jQuery jQuery ( ": contains (text)")
15841
jQuery .closest (selector)
15840
jQuery .clone( [withDataAndEvents ] )
15839
jQuery 제이쿼리 .click( handler )
15838
jQuery 제이쿼리 .clearQueue ([queueName])
15837
jQuery 제이쿼리 jQuery( ".class" )
15836
jQuery 제이쿼리 .children ([selector])
15835
jQuery 제이쿼리 jQuery ( ": checkbox")
15834
jQuery 제이쿼리 .change( handler )
15833
jQuery 제이쿼리 callbacks.remove( callbacks )
15832
jQuery 제이쿼리 callbacks.locked ()
15831
jQuery 제이쿼리 callbacks.lock()
15830
jQuery 제이쿼리 callbacks.has ([callback])
15829
jQuery 제이쿼리 callbacks.fireWith ([context] [, args])
15828
jQuery 제이쿼리 callbacks.fired()
15826
jQuery 제이쿼리 callbacks.fire (arguments)
15825
jQuery 제이쿼리 callbacks.fire (arguments)
15824
jQuery 제이쿼리 callbacks.empty()
15823
PHP rsa 암호화 클래스
15822
jQuery 제이쿼리 callbacks.disable ()
15821
jQuery 제이쿼리 callbacks.add( callbacks )
15820
jQuery 제이쿼리 .blur( handler )
이전 다음
전체 목록