개발공부

JQuery Method(제이쿼리의 메서드 종류)

tigre 2023. 4. 16. 18:54
728x90
반응형

1. 선택자 관련 메서드
- $(selector): 선택자에 해당하는 요소를 선택합니다.
- parent(): 부모 요소를 선택합니다.
- children(): 자식 요소를 선택합니다.
- find(): 하위 요소 중 선택자에 해당하는 요소를 선택합니다.
- filter(): 선택자에 해당하는 요소 중 조건에 맞는 요소만 필터링하여 선택합니다.
- eq(): 인덱스에 해당하는 요소를 선택합니다.
- first(): 첫 번째 요소를 선택합니다.
- last(): 마지막 요소를 선택합니다.

 


2. 속성 조작 메서드
- attr(): 속성 값을 가져오거나 설정합니다.
- prop(): 프로퍼티 값을 가져오거나 설정합니다.
- removeAttr(): 속성을 제거합니다.
- removeProp(): 프로퍼티를 제거합니다.
- val(): 폼 요소의 값을 가져오거나 설정합니다.
- text(): 텍스트 값을 가져오거나 설정합니다.
- html(): HTML 값을 가져오거나 설정합니다.

 


3. 스타일 조작 메서드
- css(): 스타일 값을 가져오거나 설정합니다.
- addClass(): 클래스를 추가합니다.
- removeClass(): 클래스를 제거합니다.
- toggleClass(): 클래스를 추가하거나 제거합니다.
- height(): 높이 값을 가져오거나 설정합니다.
- width(): 너비 값을 가져오거나 설정합니다.

 


4. 이벤트 메서드
- click(): 클릭 이벤트를 연결합니다.
- hover(): 마우스 오버와 아웃 이벤트를 연결합니다.
- keydown(): 키 다운 이벤트를 연결합니다.
- submit(): 폼 제출 이벤트를 연결합니다.
- focus(): 포커스 이벤트를 연결합니다.

 

 

5. 애니메이션 메서드
- animate(): 요소의 스타일 값을 애니메이션으로 변경합니다.
- fadeIn(): 요소를 서서히 나타나게 합니다.
- fadeOut(): 요소를 서서히 사라지게 합니다.
- slideUp(): 요소를 슬라이드 업합니다.
- slideDown(): 요소를 슬라이드 다운합니다.

728x90
반응형