jQuery를이 변경 및 HTML 요소와 속성을 조작하기위한 강력한 방법이 포함되어 있습니다.
jQuery를 DOM 조작
jQuery를 하나의 매우 중요한 부분은 DOM을 조작 할 수있는 가능성이다.
jQuery를 쉽게 액세스하고 요소와 속성을 조작 할 수 있도록 DOM 관련 메소드의 무리와 함께 제공됩니다.
DOM = 문서 객체 모델
DOM은 HTML과 XML 문서에 액세스하기위한 표준을 정의한다 :
는 "W3C 문서 객체 모델 (DOM)은 프로그램 및 스크립트를 동적으로 액세스하고 문서의 내용, 구조 및 스타일을 갱신하도록하는 플랫폼 및 언어 중립 인터페이스이다."
콘텐츠 가져 오기 - text(), html() , 그리고 val()
DOM 조작에 대한 세 가지 간단하지만 유용한 jQuery를 방법은 다음과 같습니다 :
- text() - 설정하거나 선택한 요소의 텍스트 내용을 반환
- html() - 설정하거나 (HTML 마크 업 포함) 선택된 요소의 내용을 반환
- val() - 설정하거나 양식 필드의 값을 반환
다음은 jQuery를의 콘텐츠 얻을하는 방법을 보여줍니다 text() 및 html() 방법 :
예
$("#btn1").click(function(){
alert("Text: " + $("#test").text());
});
$("#btn2").click(function(){
alert("HTML: " + $("#test").html());
});
»그것을 자신을 시도 다음은 jQuery로 입력 필드의 값을 얻을하는 방법을 보여줍니다 val() 메서드를 :
속성 가져 오기 - attr()
JQuery와 attr() 메소드는 속성 값을 가져 오는 데 사용됩니다.
다음은 값 가져 오는 방법을 보여줍니다 href 링크의 속성을 :
다음 장에서는 (변경) 내용과 속성 값을 설정하는 방법에 대해 설명합니다.
연습으로 자신을 테스트!
jQuery를 HTML 참조
모든 jQuery를 HTML 방법의 전체 개요는, 우리로 이동하시기 바랍니다 jQuery를 HTML / CSS 참조 .