[jQuery]내용 및 속성 가져오기

jQuery에서 매우 중요한 부분 중 하나는 DOM를 조작 할 수 있다는 것입니다.

 

jQuery에서는 요소 및 속성에 쉽게 액세스하고 조작 할 수 있게 해주는 DOM관련 메서드가 많이 제공됩니다.

 

DOM =Domcument Object Model

 

 

 

콘텐츠 가져오기 - text(),html(),val()

 

 

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

html() - 선택된 요소의 내용을 설정하거나 반환합니다.(HTML 마크업 포함).

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

 

 

text(), html() 이용 예제

$("#btn1").click(function(){
    alert("Text: " + $("#test").text());
});
$("#btn2").click(function(){
    alert("HTML: " + $("#test").html());
});

직접해보기

 

 

 

 

val() 이용 예제

$("#btn1").click(function(){
    alert("Value: " + $("#test").val());
});

직접해보기

 

 

 

 

 

 

속성 가져오기 - attr()

 

attr() - 속성 값을 가져오는 데 사용됩니다.

$("button").click(function(){
    alert($("#w3s").attr("href"));
});

직접해보기

 

 

 

 

출처:https://www.w3schools.com/jquery/