jQuery Sample
- one1
- one2
- one3
- one4
- one5
- one6
- one7
- one8
- one9
- one10
- one10-1
- one10-2
- one10-3
- one10-4
- one10-5
- 기본 선택자 : $("h3").css({backgroundColor:"#bbdefb",border:"3px dashed #303f9f"});
- 클래스 선택자 : $(".list").css({backgroundColor:"#bbdefb",border:"3px dashed #303f9f"});
- 아이디 선택자 : $("#list1").css({backgroundColor:"#bbdefb",border:"3px dashed #303f9f"});
- 그룹 선택자 : $("#list1, #list2").css({backgroundColor:"#bbdefb",border:"3px dashed #303f9f"});
- 전체 선택자 : $("*").css({backgroundColor:"#bbdefb",border:"3px dashed #303f9f"});
- 자손 선택자 : $(".list ul").css({backgroundColor:"#bbdefb",border:"3px dashed #303f9f"});
- child 선택자 :$(".list > ul").css({backgroundColor:"#bbdefb",border:"3px dashed #303f9f"});
- sibling 선택자 :$(".one1 + li").css({backgroundColor:"#bbdefb",border:"3px dashed #303f9f"});
- siblings 선택자 :$(".one1 ~ li").css({backgroundColor:"#bbdefb",border:"3px dashed #303f9f"});
- [name="value"] :$("li a[href='#list2']").css({backgroundColor:"#bbdefb",border:"3px dashed #303f9f"});
- [name^="value"] :$("li a[href^='http']").css({backgroundColor:"#bbdefb",border:"3px dashed #303f9f"});
- [name$="value"] :$("li a[href$='com']").css({backgroundColor:"#bbdefb",border:"3px dashed #303f9f"});
- [name*="value"] :$("li a[href*='web']").css({backgroundColor:"#bbdefb",border:"3px dashed #303f9f"});
- [name!="value"] :/$("li a[href!='http://naver.com']").css({backgroundColor:"#bbdefb",border:"3px dashed #303f9f"});
- [name="value"][name="class"] :$("li a[href][title]").css({backgroundColor:"#bbdefb",border:"3px dashed #303f9f"});
- $(".list li:eq(7)").css({backgroundColor:"#bbdefb",border:"3px dashed #303f9f"});
- $(".list li:gt(7)").css({backgroundColor:"#bbdefb",border:"3px dashed #303f9f"});
- $(".list li:lt(7)").css({backgroundColor:"#bbdefb",border:"3px dashed #303f9f"});
- $(".list li:first").css({backgroundColor:"#bbdefb",border:"3px dashed #303f9f"});
- $(".list li:last").css({backgroundColor:"#bbdefb",border:"3px dashed #303f9f"});
- $(".list li:odd").css({backgroundColor:"#bbdefb",border:"3px dashed #303f9f"});
- $(".list li:even").css({backgroundColor:"#bbdefb",border:"3px dashed #303f9f"});
- $(".list li:not(:eq(7))").css({backgroundColor:"#bbdefb",border:"3px dashed #303f9f"});
- $(".list li:contains(one6)").css({backgroundColor:"#bbdefb",border:"3px dashed #303f9f"});
- $(".list ul:has('li')").css({backgroundColor:"#bbdefb",border:"3px dashed #303f9f"});
- $("li:empty").text("one5").css({backgroundColor:"#bbdefb",border:"3px dashed #303f9f"});
- $("li:hidden").css({backgroundColor:"#bbdefb",border:"3px dashed #303f9f",display:"block"});
- $("li:visible").css({backgroundColor:"#bbdefb",border:"3px dashed #303f9f"});
- $("li:first-child").css({backgroundColor:"#bbdefb",border:"3px dashed #303f9f"});
- $("li:first").css({backgroundColor:"#bbdefb",border:"3px dashed #303f9f"});
- $("li:last-child").css({backgroundColor:"#bbdefb",border:"3px dashed #303f9f"});
- $("li:last").css({backgroundColor:"#bbdefb",border:"3px dashed #303f9f"});
- $("li:nth-child(3)").css({backgroundColor:"#bbdefb",border:"3px dashed #303f9f"});
- $("li:nth-child(even)").css({backgroundColor:"#bbdefb",border:"3px dashed #303f9f"});
- $("li:nth-child(odd)").css({backgroundColor:"#bbdefb",border:"3px dashed #303f9f"});
- $("li:nth-child(2n)").css({backgroundColor:"#bbdefb",border:"3px dashed #303f9f"});
- $("li:nth-child(2n+1)").css({backgroundColor:"#bbdefb",border:"3px dashed #303f9f"});
- $("li:only-child").css({backgroundColor:"#bbdefb",border:"3px dashed #303f9f"});