Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- 상속
- Config
- dbContext
- vscode
- LINQ
- JSON
- intellij
- 스냅잘찍음
- c#코딩의기술실전편
- 라도무스dvd
- ORM
- EFCore
- React
- 코드프로그래머스
- scanner
- extraParams
- 명시적외래키
- Request
- error
- lazy loading
- extjs
- 에스가든스냅
- JavaScript
- .net
- ViewModel
- c#
- minimalAPI
- 대전본식영상
- Store
- mac
Archives
- Today
- Total
ejyoo's 개발 노트
선택자 목록 본문
$("#Lastname") | id가 "Lastname"인 요소 |
$(".intro") | class="intro"가 있는 모든 요소 |
$(".intro, #Lastname") | class="intro"가 있는 모든 요소와 id가 "Lastname"인 요소 |
$("h1") | 모든 <h1> 요소 |
$("h1, p") | 모든 <h1> 요소 및 모든 <p> 요소 |
$("p:first") | 첫 번째 <p> 요소 |
$("p:last") | 마지막 <p>요소 |
$("tr:even") | 모든 짝수 <tr> 요소 |
$("tr:odd") | 모든 홀수 <tr> 요소 |
$("p:first-child") | 부모의 첫번째 자식인 모든 <p> 요소 |
$("p:first-of-type") | 부모의 첫번째 <p>요소인 모든 <p>요소 |
$("p:last-child") | 부모의 마지막 자식인 모든 <p>요소 |
$("p:last-of-type") | 부모의 마지막<p> 요소인 모든 <p>요소 |
$("li:nth-child(1)") | 부모의 첫번째 자식인 모든 <li>요소 |
$("li:nth-last-child(1)") | 부모의 첫번째 자식인 모든 <li>요소는 부모의 마지막 자식 요소부터 계산됨 |
$("li:nth-of-type(2)") | 부모의 두번째 <li> 요소인 모든 <li>요소 |
$("li:nth-last-of-type(2)") | 부모의 두번째 <li> 요소인 모든 <li> 요소는 부모의 마지막<li>요소부터 계산됨 |
$("b:only-child") | 부모의 유일한 자식인 모든 <b>요소 |
$("h3:only-of-type") | 해당 유형의 유일한 하위 요소인 모든 <h3> 요소는 해당 상위 요소임 |
$("div > p") | <div> 요소의 직계 자식 인 모든 <p> 요소이다. |
$("div p") | <div> 요소의 자손인 모든 <p> 요소 |
$("ul + p") | 각 <ul> 요소 옆에 있는 <p> 요소입니다. |
$("ul ~ table"); | <ul> 요소의 형제인 모든 <table> 요소 |
$("ul li:eq(0)"); | <ul>요소의 첫번째 <li> 요소(인덱스는 0에서 시작) |
$("ul li:gt(0)"); | <ul>요소의 <li>인덱스가 0보다 큰 모든 <li> 요소 |
$("ul li:lt(2)"); | <ul>요소의 <li>인덱스가 2보다 작은 모든 <li> 요소 |
$(":header"); | 모든 헤더 요소 <h1><h2>… |
$(":header:not(h1)"); | <h1>요소가 아닌 모든 헤더요소 |
$(":animated"); | 모든 애니메이션 요소 |
$(":focus"); | 현재 포커스가 있는 요소 |
$(":contains(Duck)"); | "Duck"텍스트를 포함하는 모든 요소 |
$("div:has(p)"); | <p>요소가 있는 모든 <div>요소 |
$(":empty"); | 모든 빈 요소 <input /> |
$(":parent"); | 다른 요소의 부모인 모든 요소(텍스트 포함) |
$("p:hidden"); | 숨겨진 <p> 요소 |
$("table:visible"); | 보이는 모든 테이블 |
$(":root"); | 문서의 루트 요소 |
$("p:lang(it)"); | 모든 <p> 요소 중 lang 속성 값이 "it"로 시작하는 것 |
$("[id]"); | id속성이 있는 모든요소 |
$("[id=my-Address]"); | id속성 값이 "my-Address"인 모든 요소 |
$("p[id!=my-Address]"); | id 속성값이 "my-Address"가 아닌 모든 <p> 요소 id 속성이 전혀없는 <p> 요소도 있음 |
$("[id$=ess]"); | id속성값이 "ess"로 끝나는 모든 요소 |
$("[id|=my]"); | id 속성 값이 "my"이거나 "my"로 시작하고 뒤에 하이픈(-)이 오는 모든 요소 |
$("[id^=L]"); | 문자"L"로 시작하는 id 속성 값을 가진 모든 요소 |
$("[title~=beautiful]"); | "beautiful"이라는 단어가 포함된 제목 속성값이 있는 모든 요소 |
$("[id*=s]"); | 문자열 "s"를 포함하는 id 속성값을 가진 모든 요소 (하위 요소 포함) |
$(":input"); | 모든 input 요소 |
$(":text"); | type="text"인 모든 input 요소 |
$(":password"); | type="password"인 모든 input 요소 |
$(":radio"); | type="radio"인 모든 input 요소 |
$(":checkbox"); | type="checkbox"인 모든 input 요소 |
$(":submit"); | type="submit"인 모든 input 요소 |
$(":reset"); | type="reset"인 모든 input 요소 |
$(":button"); | type="button"이 있는 모든 input 요소 및 <button>요소 |
$(":image"); | type="image"인 모든 input 요소 |
$(":file"); | type="file"인 모든 input 요소 |
$(":enabled"); | 활성화된 모든 input 요소 |
$(":disabled"); | 비활성화된 모든 input 요소 |
$(":selected"); | 드롭다운 목록에서 선택한 모든 옵션 |
$(":checked"); | checked 된 모든 input 요소(checkBox, Radio) |
$("*"); | 모든요소 |
'FrontEnd > HTML, CSS' 카테고리의 다른 글
javascript - input 태그 입력 데이터 제어하기(유효성 검사, 숫자막기, 영문막기, 한글막기 등) (0) | 2021.07.21 |
---|---|
웹에 JS 반영이 잘 안될 때 파라미터 추가 (0) | 2021.04.15 |
파일로 html 파일 열었을 때 console 오류 (0) | 2021.04.06 |
셀렉터(너무 어려웡...) (0) | 2021.03.26 |
JQuery - $("요소").text() 와 $("요소").html() (0) | 2021.03.26 |