반응형

제이쿼리정리 3

[제이쿼리] jQuery 메소드 체이닝, getter / setter, width() / height(), .attr() 메소드

getter 메소드 와 setter 메소드 메소드 설명 .html() 해당 요소의 HTML 콘텐츠를 반환하거나 설정함. .text() 해당 요소의 텍스트 콘텐츠를 반환하거나 설정함. .width() 선택한 요소 중에서 첫 번째 요소의 너비를 픽셀 단위의 정수로 반환하거나 설정함. .height() 선택한 요소 중에서 첫 번째 요소의 높이를 픽셀 단위의 정수로 반환하거나 설정함. .attr() 해당 요소의 명시된 속성의 속성값을 반환하거나 설정함. .position() 선택한 요소 중에서 첫 번째 요소에 대해 특정 위치에 존재하는 객체를 반환함. (getter 메소드) .val() 요소의 값을 반환하거나 설정함. 1 . getter 메소드 & setter 메소드 - getter : 선택된 요소에 접근하여 ..

[제이쿼리] jQuery 선택자 (요소저장, 필터링, input선택자)

제이쿼리 선택자 - css 선택자뿐만 아니라 몇몇 비표준 선택자도 사용할 수 있다. - 이러한 비표준 선택자를 사용하면 선택한 요소를 저장하거나, 그 결과에 대해 필터링까지 할 수 있다. 1. 선택한 요소 저장 선택한 요소들을 변수에 저장하여 사용할 수 있다. 변수에 요소 저장하기 아이템 1 아이템 2 아이템 3 아이템 4 아이템 5 ▼ 2 - 1 . 선택한 요소의 필터링 필터링을 사용하면 선택한 요소의 더 세분화된 선택이 가능하다. 선택한 요소의 필터링 첫 번째 아이템이에요! 두 번째 아이템이에요! 세 번째 아이템이에요! 필터링 ▼ 2 - 2 .필터링에서 사용할 수 있는 선택자 선택자 설명 :eq(n) 선택한 요소 중에서 인덱스가 n인 요소를 선택함. :gt(n) 선택한 요소 중에서 인덱스가 n보다 큰..

[제이쿼리] jQuery 적용 및 기본 문법

제이쿼리 적용 - 제이쿼리는 자바스크립트 라이브러리 - 제이쿼리 파일은. js 파일 형태로 존재해야한다. - 따라서 웹 페이지에서 제이쿼리를 사용하기 위해서는 제이쿼리 파일을 먼저 웹 페이지에 로드해야 한다. 1. 제이쿼리 적용 방법 1) 제이쿼리 파일을 받아 로드하는 방법 - 공식 사이트에서 다운로드 후 제이쿼리 파일을 서버에 저장 후, 2. 구글 CDN : 3. MS CDN : 4. CDNJS CDN : 5. jsDelivr CDN : 제이쿼리 기본 문법 $(선택자).동작함수(); => HTML요소 선택하고 동작 함수 정의하여 선택된 요소에 원하는 동작을 설정할 수 있다. 달러($) 기호 : 제이쿼리를 의미하며, 제이쿼리에 접근할 수 있는 식별자이다. $() 함수 : 함수는 선택된 HTML 요소를 제..

반응형