Method = 함수
요소 탐색 메서드
.children() : 자식 선택
.parent() : 부모 선택
.parents() : 모든 부모 선택 (쓰긴할까 싶음)
.closest("대상부모태그") : 대상부모태그중 가장 가까이 있는 태그를 선택
.siblings() : 형제,자매 (모두 선택)
.find() : 찾기
.eq(인덱스번호) : 인덱스 번호 선택
.slice(시작 인덱스,끝 인덱스 (-1)) : 시작인덱스부터 끝인덱스 앞까지 선택
.next() : 다음 태그 (하나)
.nextAll() : 다음 모든 태그
.prev() : 이전 태그 (하나)
.prevAll() : 이전 모든 태그
.nextUntil("대상태그") : 선택태그 ~ 대상태그 사이까지만 선택하기 / 대상이 밑에 있을때
.prevUntil("대상태그") : 선택태그 ~ 대상태그 사이까지만 선택하기 / 대상이 위에 있을때
효과(effect) 메세드
.show() : 보이기
.hide() : 감추기
.toggle() : 토글하기
.slideDown() : 슬라이드 내리기
.slideUp() : 슬라이드 올리기
slide.Toggle() : 슬라이드 토글하기
.fadeIn() : 서서히 나타나기
.fadeOut() : 서서히 사라지기
.fadeToggle("상태값") : 토글하기 / 상태값 : fast , slow 등
.stop() : 멈추기
css클래스 제어 메서드
.addClass() : 클래스 더하기
.removeClass() : 클래스 제거하기
.toggleClass() : 클래스 토글하기
animate
animate() : 애니메이트 // css 참고
HTML/CSS 메서드
.addClass() : 선택한 요소에 하나 이상의 css클래스 이름을 추가
.after() : 선택한 요소 뒤에 내용을 삽입
.append() : 선택한 요소의 끝에 내용을 삽입
.appendTo() : 선택한 요소의 끝에 HTML요소를 삽입
.attr() : 선택한 요소의 특성/값을 설정 혹인 반환 / .attr("속성","속성값") : 속성 지정가능
.before() : 선택한 요소의 앞에 내용을 삽입
.clone() : 선택한 요소를 복사
.css() : 선택한 요소에 대해 하나 이상의 스타일 특성을 설정하거나 반환 / .css("속성","값") 지정 가능
.detach() : 설택한 요소를 제거(데이터 및 이벤트는 유지)
.empty() : 선택한 요소에서 모든 하위 노드 및 컨텐츠를 제거
.each(function() {실행문}) : 실행문 반복함수
.hasClass() : 선택한 요소 중 지정된 클래스의 이름이 있는지 확인
.height() : 선택한 요소의 높이를 설정 혹은 반환
.html() : 선택한 요소의 내용을 설정 혹은 반환 / html("<br>문장") < - 태그 사용가능
.innerHeight() : 요소의 높이를 반환(여백 포함,테두리 제외)
.innerWidth() : 요소의 너비를 반환(여백 포함 , 테두리 제외)
.inserAfter() : 선택한 요소 뒤에 HTML요소를 삽입
.insertBefore() : 선택한 요소 앞에 HTML요소를 삽입
.offset() : 선택한 요소에 대한 간격 띄우기 좌표를 설정 혹은 반환
.offsetParent() : 첫번째 위치에 있는 상위 요소를 반환
outerHight() : 요소의 높이를 반환(여백과 테두리 모두)
outerWidth() : 요소의 너비를 반환(여백과 테두리 모두)
.position() : 요소의 위치(상위 요소에 상대적)을 반환
.prepend() : 선택한 요소의 시작부분에 내용 삽입
.prependTo() : 선택한 요소의 시작부분에 HTML요소를 삽입
.prop() : 선택한 요소의 특성/값을 설정 혹은 반환
.remove() : 선택한 요소(데이터 및 이벤트 포함)을 제거
.removeAtr() : 선택한 요소에서 하나 이상의 특성을 제거
.removeClass() : 선택한 요소에서 하나 이상의 css클래스를 제거
.removeProp() : prop() 메서드로 설정된 속성을 제거
.replaceAll() : 선택한 요소를 새 HTML요소로 교체
.replaceWith() : 선택한 요소를 새 내용으로 교체
.scrollLeft() : 선택한 요소의 수평 스크롤 막대 위치를 설정 혹은 반환
.scrollTop() : 선택한 요소의 수직 스크롤 막대 위치를 설정 혹은 반환
.text() : 선택한 요소의 문자 내용을 설정 혹은 반환
.toggleClass() : 선택한 요소에서 하나 이상의 클래스를 추가/제거
.unwrap() : 선택한 요소의 상위 요소를 제거
.val() : 선택한 요소의 값 특성을 설정 혹은 반환(폼 요소에 관련) / value값을 불러올수 있다. , 변수에 사용가능
.width() : 선택한 요소의 너비를 설정 혹은 반환
.wrap() : HTML 요소를 선택한 각 요소 주위에 줄 바꿈
.wrapAll() : HTML요소를 선택한 모든 요소 주위에 줄 바꿈
.wrapInner() : HTML 요소를 선택한 각 요소의 내용 주위에 줄 바꿈
'JQuery' 카테고리의 다른 글
JQuery - 이벤트(EVENT) (0) | 2023.08.28 |
---|---|
JQuery - 선택자 (0) | 2023.08.28 |
JQuery - 구문 (0) | 2023.08.28 |
JQuery - 요소 찾기 메서드 (0) | 2023.08.24 |
JQuery - 첫걸음 (0) | 2023.08.24 |