JQuery/이론

선택자-1 //first+li/second~li/a[href="#page2"]/ ^ /$ / * /!= /[src][alt]/eq/gt/lt/first/last/odd/even/

SEOKIHOUSE 2023. 7. 6. 10:30
  • 선택자 여러개 선택가능

선택자 여러개 선택가능


  • 하위요소 검색


  • id 속성이 "first"로 설정된 요소의 다음 형제 요소 중에서 첫 번째 <li> 요소를 선택


  • id 속성이 "first"로 설정된 요소의 다음 형제 요소 중에서 모든 <li> 요소를 선택합니다.


  • a href가 #page2인 녀석

 


  • ^ : 시작

^는 시작(여기선 www로 시작)

  • $ : 끝 

$는 끝(여기선 .com으로 끝)


  • * =속성 값에 특정 부분 문자열이 포함된 요소를 선택하는 일치 연산자

* =속성 값에 특정 부분 문자열이 포함된 요소를 선택하는 일치 연산자


  • src가 sample1.png가 아닌 것

src가 sample1.png가 아닌 것


  • src alt 속성 둘다 있는 녀석

src alt 속성 둘다 있는 녀석


  • eq(인덱스 위치)

6번째 인덱스녀석


  • gt(인덱스 위치)

인덱스 번호가 4보다 큰 녀석(greater than)


  • lt(인덱스 위치)

인덱스 번호가 3보다 작은녀석(less than)


  • first
  • last

li 처음 + 마지막


  • odd:홀수(1,3,5...)
  • even:짝수(0,2,4...)

odd:홀수(1,3,5...) even:짝수(0,2,4...)


7이 아닌녀석