최신 웹 개발 튜토리얼
 

jQuery - 콘텐츠 및 속성 가져 오기

❮ 이전 다음 장 ❯

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() 메서드를 :

예

$("#btn1").click(function(){
    alert("Value: " + $("#test").val());
});
»그것을 자신을 시도

속성 가져 오기 - attr()

JQuery와 attr() 메소드는 속성 값을 가져 오는 데 사용됩니다.

다음은 값 가져 오는 방법을 보여줍니다 href 링크의 속성을 :

예

$("button").click(function(){
    alert($("#w3s").attr("href"));
});
»그것을 자신을 시도

다음 장에서는 (변경) 내용과 속성 값을 설정하는 방법에 대해 설명합니다.

연습으로 자신을 테스트!

연습 1» 운동 2» 운동 3» 운동 4»

jQuery를 HTML 참조

모든 jQuery를 HTML 방법의 전체 개요는, 우리로 이동하시기 바랍니다 jQuery를 HTML / CSS 참조 .


❮ 이전 다음 장 ❯