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"});