JavaScript/Jquery9 jQuery - 속성 선택자 속성 선택자 JQuery는 html 요소와 관련된 기능구현이 많아 그만큼 CSS와 매우 밀접한 관계가 있습니다. 속성 선택자 종류 선택자 종류 설명 요소[속성] $("span[class]") span 요소 중 class 속성을 가지고 있는 요소를 선택합니다. 요소[속성='값'] $("span[class='abc']") span 요소 중 class 가 'abc'인 요소를 선택합니다. 요소[속성!='값'] $("span[class!='abc']") span 요소 중 class 가 'abc'가 아닌 요소를 선택합니다. 요소[속성~='값'] $("span[class~='abc']") span 요소 중 class 가 'abc'를 포함하는 요소를 선택합니다. 'abc'앞뒤로 연결된 문자가 없어야 합니다. 요소[속성.. 2022. 9. 1. jQuery - 기본 선택자 기본 선택자 JQuery는 html 요소와 관련된 기능구현이 많아 그만큼 CSS와 매우 밀접한 관계가 있습니다. 선택자 종류 설명 태그 선택자 $("p") p 요소를 선택 합니다. id 선택자 $("#gnb") #gnb 요소를 선택 합니다. class 선택자 $(".gnb") .gnb 요소를 선택 합니다. 자식 선택자 $("#gnb > ul > li") #gnb 요소의 자식 요소의 자식 요소 li를 선택합니다. 하위 선택자 $("#gnb ul") #gnb 요소의 하위에있는 모든 ul 요소를 선택합니다. 인접 선택자 $("#gnb + #logo") #gnb 다음에 오는 #logo 요소를 선택합니다. 형제 선택자 $("#gnb ~ #logo") #gnb 의 형제 요소인 #logo 요소를 선택합니다. 종속 선.. 2022. 9. 1. jQuery 란? jQuery Query가 기본적으로 가진 철학은 "write less, do more"로 적게 쓰고 많이 쓰자입니다. 개발자의 언어로 번역하면 "적은 코드로 많은 일을 하자"가 가장 어울리는 해석이라고 생각됩니다. jQuery는 다음과 같은 기능을 제공합니다. DOM과 관련된 처리를 쉽게 구현 할 수 있다. - 규칙성을 가지고 이벤트를 처리 할 수 있다. - 애니메이션 효과를 쉽게 만들 수 있다. - AJAX 처리 방식을 편리하게 사용 할 수 있다. 그 밖에도 jQuery는 작은 양의 코드로도 많은 일을 할 수 있게 설계되어 있어 프로그래머가 아니어도 꽤 이해하기가 쉬운 구문을 가지고 있습니다. Javascript와 jQuery의 차이점을 보기 위해 예시를 작성해보았습니다. javascript let t.. 2022. 8. 29. 이전 1 2 다음 728x90 반응형
