======jQuery - Get Content and Atrributes======
<WRAP left notice 70%>
  * description : jQuery Effects - Chaining
  * author      : 오션
  * email       : shlim@repia.com
  * lastupdate  : 2021-04-16
</WRAP>
<WRAP clear></WRAP>
\\
%%jQuery%%에는 %%HTML%% 요소 및 속성을 변경하고 조작하는 강력한 방법이 포함되어 있습니다.\\

=====jQuery DOM Manipulation=====
%%jQuery%%의 매우 중요한 부분은 DOM을 조작할 수 있다는 것입니다.\\
\\
%%jQuery%%에는 요소와 속성에 쉽게 액세스하고 조작할 수 있는 DOM 관련 메소드가 함께 제공됩니다.\\
\\
===DOM = Document Object Model(문서 객체 모델)===

  DOM은 %%HTML%% 및 %%XML%% 문서에 액세스하기 위한 표준을 정의합니다.
  
  "W3C DOM (Document Object Model)은 프로그램과 스크립트가 문서의 콘텐츠, 구조 및 스타일에 동적으로 
  액세스하고 업데이트 할 수 있게 하는 플랫폼 및 언어 중립적 인터페이스입니다."

=====Get Content - text(), html(), and val()=====

DOM 조작을 위한 간단하지만 유용한 세 가지 %%jQuery%% 메소드는 다음과 같습니다.\\

  * ''%%text()%%'' - 선택한 요소의 텍스트 내용을 설정하거나 반환합니다.
  * ''%%html()%%'' - 선택한 요소(HTML 마크업 포함)의 내용을 설정하거나 반환합니다.
  * ''%%val()%%'' - 폼(Form, 양식) 필드의 값을 설정하거나 반환합니다.
다음 예제는 %%jQuery%% ''text()'' 및 ''html()'' 메서드를 사용하여 콘텐츠를 가져 오는 방법을 보여줍니다.\\

====예제====
<code jquery>
    $(document).ready(function () {
      $("#btn1").click(function () {
        alert("Text: " + $("#test").text());
      });
      $("#btn2").click(function () {
        alert("HTML: " + $("#test").html());
      });
    });
</code>
\\
다음 예제는 %%jQuery%% ''%%val()%%'' 메서드를 사용하여, 입력 필드의 값을 가져 오는 방법을 보여줍니다.\\

====예제====
<code jquery>
    $(document).ready(function () {
      $("button").click(function () {
        alert("Value: " + $("#test").val());
      });
    });
</code>

=====Get Attribute - attr()=====
%%jQuery%% ''%%attr()%%'' 메서드는 속성 값을 가져오는 데 사용됩니다.\\
\\
다음 예제는 링크에서 %%href%% 속성 값을 가져 오는 방법을 보여줍니다.\\

====예제====
<code jquery>
    $(document).ready(function () {
      $("button").click(function () {
        alert($("#w3s").attr("href"));
      });
    });
</code>
\\
다음 장에서는 콘텐츠 및 속성 값을 설정(변경)하는 방법에 대해 설명합니다.\\

=====jQuery HTML Reference=====
모든 %%jQuery%% %%HTML%% 메서드에 대한 전체 개요를 보려면, [[https://www.w3schools.com/jquery/jquery_ref_html.asp|jQuery HTML/CSS Reference]]로 이동하십시오.



{{tag>오션 jQuery HTML Get Content and Attributes}}