[jQuery] 선택된 요소에 접근

getter 메소드와 setter 메소드

선택자에 의해 선택된 요소의 값을 읽거나 설정하기 위해서는 제이쿼리 메소드를 통해 해당 요소에 접근해야만 합니다.

$(function() {
  $("button").on("click", function() {
    const newText = $("h1").html(); // <h1> 요소의 텍스트를 읽어오는 getter 메소드
    $("#text").html(newText); // id가 "text"인 요소에 새로운 텍스트를 성정하는 setter 메소드
  });
});

.end() 메소드

바로 이전에 선택했던 요소의 집합을 다시 선택할 수 있습니다.

$(function() {
  $("button").on("click", function() {
    $("#list")
      .find("li")
      .eq(1).html("두 번째 아이템을 선택했어요")
      .end()
      .eq(2).html("세 번째 아이템을 선택했어요");
  });
});

.attr() 메소드

특정 속성값을 반환하거나 설정하기 위해 사용합니다.

$(function() {
  $("button").on("click", function() {
    const imgSrc = $("img").attr("src");
    $("img").attr("src", "new_img.png");
  });
});