JQuery 엘리먼트 선택자

J쿼리 공식홈에서 가져옴
 

$("E F");   //E의 자손이면서 태그명이 F인 모든 엘리먼트와 일치

$("E>F");   //E의 바로 아래 자식이면서 태그명이 F인 모든 엘러먼트와 일치

$("E+F");   //E의 형제 엘리먼트로 바로 다음에 나오는 엘리먼트 F와 일치

$("E~F");   //E의 형제 엘리먼트로 다음에 나오는 모든 엘리먼트 F와 일치

$(":first-child"); //첫번째 자식 엘리먼트. li:first-child는 각 리스트의 첫번째 아이템을 반환한다.

$(":last-child"); //마지막 자식 엘리먼트. li:last-child는 각 리스트의 마지막 아이템을 반환한다.

$(":only-child"); //형제가 없는 모든 엘리먼트 반환

$(":nth-child(n)"); //n번째 자식 엘리먼트. li:nth-child(2)는 각 리스트의 두번째 리스트 아이템을 반환함

$(":nth-child(event|odd)"); //짝수 또는 홀수 자식 엘리먼트. li:nth-child(event)은 각 목록의 짝수 번째 자식 엘리먼트 반환

$(":nth-child(Xn + Y)"); //전달된 공식에 따른 n번째 자식 엘리먼트. Y는 0인경우 생략가능하다. li:nth-child(3n)은 3의 배수번째 아이템을 반환, li:nth-child(5n+1) 은 5의 배수 +1번째 아이템을 반환
 

//정규식 ^문자열시작  $문자열끝  *like%

$("[href]"); //href를 갖는 모든 엘리먼트반환

$("[href='#']"); //href의 값이 #인 모든 엘리먼트 반환

$("[href!='#']"); //href의 값이 #이 아닌 모든 엘리먼트 반환

$("[href$='.jpg']"); //href의 값의 끝에 .jpg가 포함된 엘리먼트 반환

$("a[href*='naver.com']"); //*like%

$("tr:not(:has(th)):even"); //th가 없는 짝수tr

$("tr:not(:has(th)):odd"); //th가 없는 홀수tr

$("td:contains('Henry')").siblings(); //"Henry"란 문자열을 포함하고 있는 엘리먼트 반환

$("p:first"); //첫번쨰 p 반환

$("p:last"); //마지막 p 반환

$("ul li:first"); //모든 ul 엘리먼트의 자식엘리먼트중 첫번째 li 엘리먼트들만을 반환

$("div#intro .head"); //<div id="intro" class="head"> 

$(".intro.demo"); //All elements with the classes ("intro" && "demo")

$("div[ul]")

.parent() //부모를 얻는다.

.find(":td(eq(2))") //td에서 세번째(배열0부터)를 찾는다

.addClass("highlight") //클래스를 적용한다.

.end(); //"div[ul]"의 부모로 되돌아간다.(현재위치에서 벗어난다는 의미인듯)

$("ul li:gt(3)"); //n번째 엘리먼트(포함안됨) 이후의 엘리먼트와 일치

$("ul li:lt(3)"); //n번째 엘리먼트(포함안됨) 이전의 엘리먼트와 일치

$("input:not(:empty)"); //All input elements that are not empty 

$("#idname");[0].TagName; //idname을 id로 갖는 태그이름을 구한다.

$(":header"); //All header elements <h1><h2>... 

$(":empty"); //All elements with no child (elements) nodes 

$("p:hidden"); //All hidden <p> elements 

$("table:visible"); //All visible tables 

$("th,td,.intro"); //All elements with matching selectors 

$(":input"); //All <input> elements 

$(":text"); //All <input> elements with type="text" 

$(":password"); //All <input> elements with type="password" 

$(":radio"); //All <input> elements with type="radio" 

$(":checkbox"); //All <input> elements with type="checkbox" 

$(":submit"); //All <input> elements with type="submit" 

$(":reset"); //All <input> elements with type="reset" 

$(":button"); //All <input> elements with type="button" 

$(":image"); //All <input> elements with type="image" 

$(":file"); //All <input> elements with type="file"       

$(":enabled"); //All enabled input elements 

$(":disabled"); //All disabled input elements 

$(":selected"); //All selected input elements 

$(":checked"); //All checked input elements