JQuery에서 HTML 엘리먼트 선택

제이쿼리는 선택자를 통해서 해당 엘리먼트에 접근한다.

속성 조작 메서드 목록

jQuery 속성 조작 메서드

$(”요소선택”).html();

• $(”요소선택”).html(”새요소”);
  • 선택한 요소에 하위 요소들을 반환하거나 새 요소로 변환한다

$(”요소선택”).text();

• $(”요소선택”).text(”새텍스트”);
  • 선택한 요소에 포함되는 텍스트를 반환하거나 새 텍스트로 변환한다

$(”요소선택”).css(”color”); / $(”요소선택”).css(”color”,”blue”); 선택한 요소에 스타일(CSS) 속성값을 반환 또는 변환한다

$(”요소선택”).removeAttr(”title”);

• 선택한 요소의 지정한 속성을 삭제한다

$(”요소선택”).attr(”href”) / $(”요소선택”).attr(”href”,”main.html”); 선택한 요소의 속성값을 반환 또는 변환한다

$(”요소선택”).addClass(”abc”); 선택한 요소의 지정한 클래스를 생성 또는 추가한다

$(”요소선택”).removeClass(”abc”);

• 선택한 요소의 지정한 클래스 값을 삭제한다

$(”요소선택”).toggleClass(”abc”); 선택한 요소에 지정한 클래스 값을 생성, 삭제를 반복한다

$(”요소선택”).hasClass(”abc”); 선택한 요소에 지정한 클래스 값이 포함되어 있는지 검사. 있을 경우에는 true 반환한다

$(”요소선택”).prop()

• 선택한 요소에 속성을 반환/생성/변환한다 $(”요소선택”).prop(”속성”); $(”요소선택”).prop(”속성”,”새값”); $(”요소선택”).prop(”[tagName | nodeType | selectedIndex]”);

$(”요소선택”).val(); / $(”요소선택”).val(”값1”)