자바스크립트에서는 querySelector 메서드 사용-
Css선택자이기도 하다-
$(".intro, #Lastname") = .intro 클래스를 가진 요소들과 Id가 Lastname인 요소 반환
$("p:first") 첫번째 p태그 반환
$("p:last") 마지막 p태그 반환
$("tr:even") 짝수번째 tr태그들만 반환
$("tr:odd") 홀수번째 tr태그들만 반환
$("p:first-child") p태그 묶음들중 첫번째만 반환
$("p:first-of-type") p태그묶음중 첫번째 태그'들'만 반환
$("p:last-child") p태그 묶음에서 첫번째 묶음의 마지막 p태그만 반환
$("p:last-of-type") p태그 묶음중 마지막 태그 '들'만 반환
* $("li:nth-child(1)") li요소 부모태그의 첫번째 li노드 반환
* $("li:nth-last-child(1)") li요소 부모태그의 자식노드중 마지막li노드 반환
* $("li:nth-of-type(2)") li요소의 부모태그의 자식노드 중 두번째 자식노드를 반환
* $("li:nth-last-of-type(2)") li요소의 부모태그의 자식노드중 끝에서 두번째 자식노드를 반환
$("b:only-child") 형제노드가 없는 유일한 b태그 반환
$("h3:only-of-type") 같은 형제가 없는 h3태그를 반환한다-
* $("div > p") 모든 div 하위의 '직계' p 태그들을 반환한다.
* $("div p") 모든 div 하위에 존재하는 모든 p태그들을 반환한다. (하위 하하위 하하하위...)
$("ul + p") ul태그 '바로 다음'에 오는 '최초의 p태그만'을 반환한다.
$("ul ~ p") ul태그 다음에 오는 모든 p태그들을 반환한다.
$("ul li:gt(0)") 모든 ul태그들의 모든 li태그[인덱스가 0보다 큰]
$("ul li:lt(2)") 모든 ul태그밑의 모든 li태그들[인덱스가 2보다 작은]
$(":header") 모든 header elements
$(":header:not(h1)") h1를 제외한 모든 header elements
$("div:animated") 애니메이션이 걸려있는 div 선택
$(":focus")
$(":contains(Duck)") Duck이라는 text를 포함하고 있는 요소 반환
$("div:hax(p)") p요소를 가지고 있는 div를 선택
$("td:empty") text값이 없는 td요소들을 선택
$(":parent") text노드를 포함하여 자식노드가 있는 모든 요소들을 반환
$("p:hidden") style="display:none;" 상태의 p노드들을 반환..?
$("table:visible") style="display:none;" 상태가 아닌 table 노드들을 반환
$(":root") document의 root노드를 선택
$("p:lang(it)")
* []가 포함되면 Attribute가 연관됨을 기억하자
* $("[id]") id attribute를 가진 모든 노드들을 반환
* $("[id=my-Address]") id라는 Attribute의값이 my-Address인 모든 요소를 반환
$("p[id!=my-Address]") p요소중에서 id라는 Attribute의값이 my-Address인 '아닌' 모든 요소를 반환
-응용 $("[checked=checked]")
$("[id$=ess]") id라는 Attribute의값이 ess로 끝나는 모든 요소들을 반환
$("[id|=my]") id라는 Attribute의값이 my이거나, my로 시작하는 모든 요소들을 반환
$("[id^=L]") id라는 Attribute의 값이 L로 시작하는 모든 요소들을 반환
$("[title~=beautiful]") title이라는 Attribute의 값에 beautiful이 포함되지 않는 모든 요소들을 반환
$("[id*=s]") id라는 Attribute의 값에 s가 포함된 모든 요소들을 반환
$(":input") 모든 input요소 반환
$(":text") type이라는 Attribute값이 "text"인 모든 form elements 반환
$(":password") type이라는 Attribute값이 "password"인 모든 form elements 반환
$(":radio") type이라는 Attribute값이 "radio"인 모든 form elements 반환
$(":checkbox")type이라는 Attribute값이 "checkbox"인 모든 form elements 반환
$(":submit")type이라는 Attribute값이 "submit"인 모든 form elements 반환
$(":reset")
$(":button") type이 Button
$(":file") type이 file
$(":enable")
$(":disable") disable이라는 Attribute가 disable인 요소를 반환
$(":selected") 선택된-
$(":checked") 체크된-
'Today I learned' 카테고리의 다른 글
Jquery 복습 - 이벤트2 (0) | 2019.08.10 |
---|---|
Jquery 복습 - 이벤트 1 (0) | 2019.08.10 |
SNI 개념과 차단 우회방법 (0) | 2019.08.04 |
group by의 키로 지정된 컬럼 외에도 다른 컬럼을 출력해야 할때- (0) | 2019.07.21 |
웹을 지탱하는 기술 (0) | 2019.07.20 |
댓글