본문 바로가기

내마음대로만들어보자/JS83

eq(index) / lt(index) / gt(index) 탐색자 eq()탐색 선택자는 선택한 요소 중 지정한 인덱스가 참조하는 요소만 선택하고 lt()선택자는 선택한 요소 중 지정한 인덱스보다 작은 인덱스를 참조하는 요소만 선택한다. 이와 반대로, gt()는 선택한 요소 중 지정한 인덱스보다 큰 인덱스를 참조하는 요소만 선택한다. * 기본형 $("요소 선택"):eq(index)") 또는 $("요소 선택").eq(index) $("요소 선택"):lt(index)") $("요소 선택"):gt(index)") * 예제 탐색 선택자 내용1 내용2 내용3 내용4 내용5 2021. 8. 18.
even/odd 선택자 even선택자는 선택한 요소 중 홀수 번째(짝수 인덱스) 요소만 선택하고, 이와 반대로 odd 선택자는 짝수번째(홀수 인덱스) 요소만 선택한다. * 기본형 $("요소 선택:even"); $("요소 선택:odd"); * 예제 탐색 선택자 내용1 내용2 내용3 내용4 2021. 8. 18.
first/last 선택자 first 선택자는 선택된 요소 중 첫 번째 요소만 선택한다. 이와 반대로 last 선택자는 선택된 요소 중 마지막 요소만 선택한다. * 기본형 $("요소 선택:first") 또는 $("요소 선택").first() $("요소 선택:last") 또는 $("요소 선택").last() * 예제 탐색 선택자 내용1 내용2 내용3 내용4 2021. 8. 18.
제이쿼리 선택자 1. 선택자 란? 선택자는 HTML 요소를 선택하여 가져온다. (선택한 요소의 디자인 속성을 적용할때 사용, 동적으로 스타일 적용가능) 2. 선택자 사용하기 방법1 (잘못된 적용방법) 방법2 (정상 적용) 방법3 (정상 적용) 내용 내용 내용 방법1과 같이 작성할 경우, 객체를 불러오기전에 제이쿼리가 먼저 실행이되게 되어 문서 객체를 선택할 수 없으므로, 문서 객체를 먼저 불러온 다음 선택자를 사용할 수 있도록 방법2,방법3과 같이 작성해줘야한다. * 기본형 1. 선택한 요소에 지정한 스타일을 적용하는 방법 $("CSS 선택자").css("스타일 속성명","값"); 2. 선택한 요소에 지정한 속성을 적용하는 방법 $("CSS 선택자").attr("속성명","값"); * 제이쿼리의 아이디 선택자를 적용하여.. 2021. 8. 16.

티스토리툴바