티스토리 뷰

jQuery

:has() Selector

IT 2011. 1. 6. 18:52
지정된 element 안에  특정 elements 를 선택할 때 사용한다.

<!DOCTYPE html>
<html>
<head>
  <style>
  .test{ border: 3px inset red; }
  </style>
  <script src="http://code.jquery.com/jquery-1.4.4.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>
위 예제는 div element 안에 p element 들에 대해 test 라는 클래스를 부여한다. 


'jQuery' 카테고리의 다른 글

.slideDown() .slideUp()  (0) 2011.01.12
ID Selector (“#id”) 와 Class Selector (“.class”)  (0) 2011.01.06
Child Selector (“parent > child”)  (0) 2011.01.06
:first-child Selector  (0) 2011.01.06
:eq() Selector  (0) 2011.01.06
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2024/12   »
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31