jquery dom 작업 상용 방법 정리

Jquery 는 dom 에 대한 조작 도 필수 적 이다.1.DOM 작업 에 사용 할 세 가지 간단 하고 실 용적 인 jQuery 방법:/text()-선택 한 요소 의 텍스트 내용 을 설정 하거나 되 돌려 줍 니 다.html()-선택 한 요소 의 내용 을 설정 하거나 되 돌려 줍 니 다(HTML 태그 포함).val()-폼 필드 의 값 을 설정 하거나 되 돌려 줍 니 다.2.attr()소속 성 을 가 져 옵 니 다.물론 이 두 가지 도 스스로 값 을 설정 하여 수정 할 수 있 습 니 다.3.html 내용 에 대한 추가.새로운 HTML 콘 텐 츠 를 추가 하면 새로운 콘 텐 츠 를 추가 하 는 네 가지 jQuery 방법 을 배 울 것 입 니 다.append()-선 택 된 요소 의 끝 에 내용 을 삽입 합 니 다.prepend()-선 택 된 요소 의 시작 부분 에 내용 을 삽입 합 니 다.after()-선 택 된 요소 뒤에 내용 을 삽입 합 니 다.before()-선 택 된 요소 가 있 기 전에 내용 을 삽입 합 니 다.요소 와 내용 을 삭제 하려 면 요소/내용 을 삭제 합 니 다.일반적으로 다음 두 가지 jQuery 방법 을 사용 할 수 있 습 니 다.다음 과 같은 것들 을 배 울 것 입 니 다.우선 다양한 태그 에 스타일 을 추가 할 때','로 나 누 는 것 을 알 고 있 습 니 다.Blue 는 반드시 설 정 된.Blue{}클래스 선택 기$("h1,h2,p").removeClass("blue"),$(")입 니 다.h1,h2,p").toggleClass("blue");스타일 이 있 으 면 삭 제 됩 니 다.스타일 이 없 으 면 6 을 추가 합 니 다.여러 개의 CSS 속성 을 설정 하려 면 다음 문법 을 사용 하 십시오.css({"property name":"value","property name":"value",...});7.jQuery 사이즈 방법 jQuery width()와 height()방법 width()방법 은 요소 의 폭 을 설정 하거나 되 돌려 줍 니 다(내부 여백,테두리 또는 외부 거 리 는 포함 되 지 않 습 니 다).height()방법 은 요소 의 높이 를 설정 하거나 되 돌려 줍 니 다.jQuery inner Width()와 inner Height()방법 inner Width()방법 은 요소 의 너비(내부 여백 포함)를 되 돌려 줍 니 다.inner Height()방법 은 요소 의 높이 를 되 돌려 줍 니 다(내 변 거리 포함).jQuery outerWidth()와 outerHeight()방법 outerWidth()방법 은 요소 의 너비(내부 여백 과 테두리 포함)를 되 돌려 줍 니 다.outerHeight()방법 은 요소 의 높이 를 되 돌려 줍 니 다(내부 여백 과 테두리 포함).