jQuery Selector

• one1
• one2
• one3
• one4
• one5
• one6
• one7
• one8
• one9
• one10

• one1
• one2
• one3
• one4
• one6
• one7
• one8
• one9
• one10
  • one10-1
  • one10-2
  • one10-3
  • one10-4
  • one10-5

• 태그 선택자: $("h1").css({backgroundColor:"powderblue",border:"1px solid #000"});
• 클래스 선택자: $(".one2").css({backgroundColor:"powderblue",border:"1px solid #000"});
• 아이디 선택자: $("#list1").css({backgroundColor:"powderblue",border:"1px solid #000"});
• 그룹 선택자: $(".one4, .one6").css({backgroundColor:"powderblue",border:"1px solid #000"});
• 전체 선택자: $("*").css({backgroundColor:"powderblue",border:"1px solid #000"});
• 자손 선택자:$("#sample ul li").css({backgroundColor:"powderblue",border:"1px solid #000"});
• child 선택자:$("#sample>ul>li").css({backgroundColor:"powderblue",border:"1px solid #000"});
• sibling 선택자:$(".one3 + li").css({backgroundColor:"powderblue",border:"1px solid #000"});
• siblings 선택자:$(".one3 ~ li").css({backgroundColor:"powderblue",border:"1px solid #000"});
• 속성 선택자[name="value"]: $("li a[href='#list2']").css({backgroundColor:"powderblue",border:"1px solid #000"});
• 속성 선택자[name^="value"]: $("li a[href^='http']").css({backgroundColor:"powderblue",border:"1px solid #000"});
• 속성 선택자[name$="value"]: $("li a[href$='.com']").css({backgroundColor:"powderblue",border:"1px solid #000"});
• 속성 선택자[name*="value"]: $("li a[href*='www']").css({backgroundColor:"powderblue",border:"1px solid #000"});
• 속성 선택자[name!="value"]: $("li a[href!='http://www.naver.com']").css({backgroundColor:"powderblue",border:"1px solid #000"});
• 속성 선택자[name="value"][name="value"]: $("li a[href][title]").css({backgroundColor:"powderblue",border:"1px solid #000"});
• 기본필터 선택자: $("li:eq(6)").css({backgroundColor:"powderblue",border:"1px solid #000"});
• 기본필터 선택자: $("li:gt(6)").css({backgroundColor:"powderblue",border:"1px solid #000"});
• 기본필터 선택자: $("li:lt(6)").css({backgroundColor:"powderblue",border:"1px solid #000"});
• 기본필터 선택자: $("li:first").css({backgroundColor:"powderblue",border:"1px solid #000"});
• 기본필터 선택자: $("li:last").css({backgroundColor:"powderblue",border:"1px solid #000"});
• 기본필터 선택자: $("li:odd").css({backgroundColor:"powderblue",border:"1px solid #000"});
• 기본필터 선택자: $("li:even").css({backgroundColor:"powderblue",border:"1px solid #000"});
• 기본필터 선택자: $(":header").css({backgroundColor:"powderblue",border:"1px solid #000"});
• 기본필터 선택자: $(":header").css({backgroundColor:"powderblue",border:"1px solid #000"});
• 기본필터 선택자: $("li:not(:eq(6))").css({backgroundColor:"powderblue",border:"1px solid #000"});
• 내용필터 선택자: $("li:contains('one6')").css({backgroundColor:"powderblue",border:"1px solid #000"}); //내용필터 선택자
• 내용필터 선택자: $("li:empty").css({backgroundColor:"powderblue",border:"1px solid #000"});
• 내용필터 선택자: $("li:parent").css({backgroundColor:"powderblue",border:"1px solid #000"});
• 내용필터 선택자: $("ul:has('li')").css({backgroundColor:"powderblue",border:"1px solid #000"});
• 보임필터 선택자: $("li:hidden").css("display","block");
• 보임필터 선택자: $("li:visible").css({backgroundColor:"powderblue",border:"1px solid #000"});
• 자식요소 필터 선택자: $("li:first").css({backgroundColor:"powderblue",border:"1px solid #000"});
• 자식요소 필터 선택자: $("li:first-child").css({backgroundColor:"powderblue",border:"1px solid #000"});
• 자식요소 필터 선택자: $("li:last").css({backgroundColor:"powderblue",border:"1px solid #000"});
• 자식요소 필터 선택자: $("li:last-child").css({backgroundColor:"powderblue",border:"1px solid #000"});
• 자식요소 필터 선택자: $("li:nth-child(3)").css({backgroundColor:"powderblue",border:"1px solid #000"});
• 자식요소 필터 선택자: $("li:nth-child(even)").css({backgroundColor:"powderblue",border:"1px solid #000"});
• 자식요소 필터 선택자: $("li:nth-child(odd)").css({backgroundColor:"powderblue",border:"1px solid #000"});
• 자식요소 필터 선택자: $("li:nth-child(2n+1)").css({backgroundColor:"powderblue",border:"1px solid #000"});
• 자식요소 필터 선택자: $("li:nth-onlychild").css({backgroundColor:"powderblue",border:"1px solid #000"});