본문 바로가기
반응형

참고/Jquery26

jquery - 탐색 선택자 *first/last (첫 번째/마지막) 선택자 내용1 내용2 내용3 내용4 $(function(){ $("#menu li:first").css({"background-color":"red"}); //빨간샌 $("#menu li:last").css({"background-color":"blue"}); //파란색 }); 결과 id menu를 가진 ul에 있는 li중 first 첫번째 요소인 내용1의 배경색이 빨간색됨 id menu를 가진 ul에 있는 li중 last 마지막 요소인 내용4의 배경색이 파란색이 됨 *even/odd (홀수/짝수) 선택자 ※주의할 점 - even의 경우는 홀수번째의 내용을 바꾸지만 인덱스 번호로는 짝수로한다.(0번부터 시작) odd의 경우는 짝수번째의 내용을 바꾸지만 인덱스 번호.. 2020. 5. 26.
jquery - 제이쿼리 탐색 선택자 종류 *위치 탐색 선택자 종류 - 탐색 선택자를 사용하면 기본 선택자로 선택한 요소 중 원하는 요소를 한 번 더 탐색해서 좀 더 정확하게 선택할 수 있다. 종류 사용법 설명 $("요소 선택:first") $("요소 선택").first() $("li:first") $("li").first() 전체 요소 중 첫 번째 요소만 선택 $("요소 선택:last") $("요소 선택").last() $("li:last") $("li").last() 전체 요소 중 마지막 요소만 선택 $("요소 선택:odd") $("li:odd") 요소 무리 중 짝수 번째(홀수 인덱스) 요소만 선택 $("요소 선택:even") $("li:even") 요소 무리 중 홀수 번째(짝수 인덱스) 요소만 선택 $("요소 선택:first-of-type".. 2020. 5. 26.
Jquery - 인접 관계 선택자 *부모 요소 선택자 - parent( ) // 부모 요소 선택자 $(function(){ $("요소").parent.css("속성명", "값"); }); ex) // 부모 자식 요소 선택") 2. $("요소 선택").children("자식 요소 선택") // 1번과 2번은 선택한 요소를 기준으로 지정한 자식 요소"만" 선택 3. $(요소 선택").children() // 3번은 선택한 요소를 기준으로 "모든" 자식 요소를 선택 --------------------------------------------------------------------- 이것 3 2020. 5. 25.
Jquery - 직접 선택자 *id, class 선택자 // id 선택자 $(function(){ $("#id").css("속성", "값"); }); // class 선택자 $(function(){ $(".class").css("속성", "값"); }); *요소명 선택자(Tag Name) // 요소명 (Tag Name) $(function(){ $("요소명").css("속성", "값"); }); ex) $("h1").css("color", "red"); h1요소의 글자가 빨간색으로 바뀜 *그룹 선택자 // 그룹 선택자 $(function(){ $("요소1, 요소2, 요소3").css("속성명", "값"); }); ex) $(function(){ $("#tit, h3").css("background-color", "blue") .cs.. 2020. 5. 25.
반응형

티스토리툴바