dom_jquery에서 jquery 작업을 위한 일반적인 메서드

dom에 대한 Jquery의 작업도 매우 필요합니다.

1. DOM 작업을 위한 세 가지 간단하고 실용적인 jQuery 메서드:

· text() - 선택한 요소의 텍스트 내용을 설정하거나 반환합니다.

· html() - 선택한 요소의 내용을 설정하거나 반환합니다(HTML 태그 포함)

· val() - 양식 필드의 값을 설정하거나 반환합니다.

2 .attr()은 속성을 ​​가져옵니다. 물론 이 둘은 값을 직접 설정하여 수정할 수도 있습니다.

3.html 콘텐츠 추가. 새 HTML 콘텐츠 추가

새 콘텐츠를 추가하는 네 가지 jQuery 메서드를 알아봅니다.

·append() - 선택한 요소의 끝에 콘텐츠 삽입

·prepend( ) - 선택한 요소의 시작 부분에

콘텐츠 삽입 · after() - 선택한 요소 뒤에 콘텐츠

삽입 · before() - 선택한 요소 앞에

4. 요소/콘텐츠 삭제
요소와 콘텐츠를 삭제해야 하는 경우 일반적으로 다음 두 가지 jQuery 메서드를 사용할 수 있습니다.

· 제거() - 삭제 선택한 요소(및 해당 하위 요소)

· 비어 있음() - 선택한 요소에서 하위 요소를 삭제합니다.


5.jQuery 작업 CSS
jQuery에는 CSS 작업을 수행하는 여러 가지 방법이 있습니다. 우리는 다음을 연구할 것입니다:

· addClass() - 선택한 요소에 하나 이상의 클래스 추가

· RemoveClass() - 선택한 요소에서 하나 이상의 클래스 제거

· 토글클래스() - 선택한 요소에 클래스 추가/제거

· css() - 스타일 속성 설정 또는 반환


예
$ ("h1,h2,p").addClass("blue"); 우선, 여러 태그에 스타일을 추가할 때 ','를 사용하여 구분한다는 것을 알고 있습니다. 파란색은 집합이어야 합니다.Blue{} 클래스 선택기

$("h1,h2,p").removeClass("blue");

$("h1,h2 ,p" ).toggleClass("blue"); 스타일이 있으면 제거됩니다.


6. CSS 속성을 여러 개 설정하세요
예를 들어 여러 CSS 속성을 설정하려면 다음 구문을 사용하세요.

css({"propertyname":"value","propertyname":"value",...})


7.jQuery 크기 메서드
jQuerywidth() 및 height() 메서드

width() 메서드는 요소의 너비를 설정하거나 반환합니다(제외). 패딩, 테두리 또는 외부 가장자리 거리).

height() 메서드는 요소의 높이(패딩, 테두리 또는 여백 제외)를 설정하거나 반환합니다.

jQueryinnerWidth() 및 innerHeight() 메서드

innerWidth() 메서드는 요소의 너비(패딩 포함)를 반환합니다.

innerHeight() 메서드는 요소의 높이(패딩 포함)를 반환합니다.

jQueryouterWidth() 및 externalHeight() 메서드

outerWidth() 메서드는 요소의 너비(패딩 및 테두리 포함)를 반환합니다.

outerHeight() 메서드는 요소의 높이(패딩 및 테두리 포함)를 반환합니다.