jQuery 4

[jQuery] 필터링 관련 선택자

필터 관련 선택자 :first => 첫번째 요소를 의미 :last => 마지막 요소를 의미 :even => 짝수번째 요소를 의미(0부터 시작) :odd => 홀수번째 요소를 의미(0부터 시작) 필터 관련 메소드 기준이 되는 요소 중에서 특정 요소만을 걸러서 선택해주는 메소드 first() : 기준 중에서 가장 첫번째를 선택 last() : 기준 중에서도 가장 마지막을 선택 filter() : 기준 중에서도 해당 선택자만 선택 not() : 기준 중에서 해당 선택자가 아닌것만 선택 eq() : 0번부터 시작, 몇번재 요소 선택 ★중요! - text() : 선택된 요소의 innerText와 관련된 기능을 수행(태그 미적용해서 text그대로 출력) - html() : 선택된 요소의 innerHTML과 관련된 ..

*jQuery* 2021.12.23

[jQuery] 추가적인 선택자

자손 선택자(>)와 후손 선택자() 자손선택자 (>) : 부모요소 바로 밑 직계 자식요소만을 선택(손자X) 후손선택자 : 자손선택자를 포함한 그 하위의 모든 요소를 선택(손자O) 속성 선택자 선택자[속성] : 특정 속성을 가지고 있는 모든 요소 선택 선택자[속성=속성값] : 속성값이 특정값과 "일치"하는 모든 요소 선택 선택자[속성~=속성값] : 속성값에 특정값을 "포함"하는 요소 선택(공백 기준) 선택자[속성^=속성값] : 속성값에 특정값으로 "시작"하는 모든 요소 선택 선택자[속성$=속성값] : 속성값에 특정값으로 "끝"나는 모든 요소 선택 선택자[속성*=속성값] : 속성값에 특정값을 "포함"하는 요소 선택 - html() : innerHTML과 관련된 기능을 수행하는 메소드 인자로 값을 전달하면 컨..

*jQuery* 2021.12.23

[jQuery] 기본선택자

아이디 선택자 특정 고유한 아이디 속성값을 가진 요소 단 하나만의 선택하고자 할 때 사용 $('#아이디명') 선택된 요소 객체에 메소드를 활용해서 값을 변경 * .html() : innerHTML과 관련된 기능을 수행하는 메소드 태그 선택자 해당 태그요소를 전부 다 가져오고자 할 때 사용 자바스크립트방식의 for문같은 복잡한 코드 필요 없이 단번에 속성값을 변경할 수 있다. 클래스 선택자 특정 클래스 속성값을 가진 요소들을 선택하고자 할 때 사용 클래스이름으로 요소를 꺼내올시에도 값이 여러개 이므로 배열에 요소객체들이 담기게된다. 따라서 for문을 이용하여 인덱스에 직접 접근해서 값을 변경한다.

*jQuery* 2021.12.22

[jQuery] jQuery

jQuery란? 기존에 자바스크립트 언어만으로 구현하기에는 복잡했던 구문작성들을 간소화하기 위해 "존 래식"에 의해 개발된 JavaScript 기반의 라이브러리 (유용한 기능들의 모음집) 즉, JavaScript언어로 유용한 함수나 내용들이 이미 만들어져 있는 (정의되어있는)모음집 - jQuery의 장점 1) DOM요소와 관련된 스크립트를 보다 쉽게 구현할 수 있다. 2) AJAX(비동기식통신), 이벤트 처리 등 폭 넓게 지원한다. 2) jQuery와 관련된 확장 플러그인, 오픈 API등을 지원한다. => 적은 양의 코드로 빠르고, 풍부한 기능을 제공함! jQuery 라이브러리 연결 방법 head태그 내부에 script태그로 jQuery관련 .js 파일 가져오기 오프라인 / 온라인 방식이 있다. 1. j..

*jQuery* 2021.12.22