제이쿼리 선택자2 [제이쿼리] 속성 선택자에 대해 알아보자 속성 선택자 제이쿼리의 선택자는 CSS의 선택자와 의미가 같은 게 많습니다. 오늘은 두번째 시간입니다.속성 선택자를 알아볼까요. 1. 기본 선택자 보러가기 2. 속성 선택자 3. 필터 선택자 보러가기 4. 탐색 선택자 보러가기 ■ 선택자의 기본 형식 $("선택자") $("#gnb") ■ 속성 선택자 선택자 종류 설명 요소[속성] $("span[class]") span 요소 중 class속성을 가지고 있는 요소를 선택합니다. 요소[속성='값'] $("span[class='abc']") span 요소 중 class가 'abc'인 요소를 선택합니다. 요소[속성!='값'] $("span[class!='abc']") span 요소 중 class가 'abc'가 아닌 요소를 선택합니다. 요소[속성~='값'] $("s.. 2022. 8. 30. [제이쿼리] 기본 선택자에 대해 알아보자 기본 선택자 제이쿼리의 선택자는 CSS의 선택자와 의미가 같은 게 많습니다. 이번 시간부터 선택자에 대해서 낱낱이 파헤쳐보도록 하겠습니다. 오늘은 그 첫번째 시간으로 기본 선택자를 알아볼까요. 1. 기본 선택자 2. 속성 선택자 보러가기 3. 필터 선택자 보러가기 4. 탐색 선택자 보러가기 ■ 선택자의 기본 형식 $("선택자") $("#gnb") ■ 기본 선택자 선택자 종류 설명 태그 선택자 $("p") p 요소를 선택합니다. id 선택자 $("#gnb") #gnb요소를 선택합니다. class 선택자 $(".logo") .logo인 요소를 선택합니다. 자식 선택자 $("#gnb > ul > li") #gnb의 자식 요소 li를 선택합니다. 하위 선택자 $("#gnb ul") #gnb의 하위에 있는 모든 .. 2022. 8. 30. 이전 1 다음 반응형
