Jquery 요소 검색 방법

Jquery 요소 검색 방법

1. 속성만으로 검색 가능
$("[href]")
$("[src][alt]")

2. 요소 + 속성 검색
$("a[href]")
$("li a[href]")
$("li a[href='page2']")

3. 연산자를 이용한 검색
$("a[href^='www']")
$("a[href$='.com']")
$("a[href*='page']")
$("a[href!='page1']")
$("li:eq(5)") li 5번 요소
$("li:lt(3)") li 3번 미만 모두
$("li:gt(3)") li 3번 초과 요소 모두
$("li:le(3)") li 3번 이하 모두
$("li:ge(3)") li 3번 이상 요소 모두
$("li:not(:eq(7))")  7번 제외 모두

4. 짝수, 홀수 검색
$("li:even")
$("li:odd")


4. 형제 연산자
$("#first + li") first 다음의 형제 li 하나
$("#first ~ li") first 다음의 형제 li 모두
$("li:nth-child(even)")
$("li:first, li:last")
$("p#part").siblings() 형제 모두

4. 텍스트 검색
$("li:contains('One')") One이라는 text를 가진 li 검색
$("li:empty").text("텍스트 추가") 
$("li:has('One')") "One"이라는 텍스트를 가진 자식요소를 가지고 있는 요소를 검색


5. 클래스 추가, 삭제
$("div").addClass("container");
$("div").removeClass("container");

6. 요소 추가
$("div").append("hi"); 마지막 요소에 추가
$("div").prepend("<p>반갑습니다.</p>"); 시작 요소에 추가

7. 자식, 자손 검색
$("div#container").children("p"); 직계 자식
$("div#container").find("p"); 자손 모두

8. 이전 , 다음
$("p#part").prev(); 이전 형제 요소
$("p#part").next(); 다음 형제 요소


9. 부모 검색
$(this).parents("tr");
$(this).closest("tr");
부모 요소 중 tr을 검색한다.