J-Query_속성조작메서드

1608 단어 J-QUERYJ-QUERY

객체 조작 메서드

  • 객체를 생성,복제,삭제,속성변환하는 객체 조작 메서드
  • 속성조작메서드, 수치조작메서드, 객체편집메서드로 나뉨

속성 조작 메서드

html( ) 언어 조작

$("요소선택").html();  //getter (하위요소 불러오기)
$("요소선택").html("새요소");  //setter (새 요소로 설정)

text( ) 문자 조작

$("요소선택").text();  //getter
$("요소선택").text("새요소");  //setter

attr( ) 속성 조작

$("요소선택").attr("속성명");  //getter
$("요소선택").attr("속성명","새요소");  //setter

removeAttr( ) 기존 속성 제거

$("요소선택").removeAttr("속성명");
//속성 자체를 삭제

css( ) css속성 조작

$("요소선택").css("속성명");  //getter
$("요소선택").css("속성명","새요소");  //setter

val( ) value값 조작

$("요소선택").val();  //getter
$("요소선택").val("새요소");  //setter

addClass( )
class 속성에 새 값 추가
removeClass( )
class 속성에 값 제거
toggleClass( )
class에 지정한 값이 있으면 제거
class에 지정한 값이 없으면 추가

$("요소선택").addClass("class값");
$("요소선택").removeClass("class값");
$("요소선택").toggleClass("class값");

hasClass( )
class에 지정한 값이 있으면 True.
class에 지정한 값이 없으면 False.

$("요소선택").hasClass("class값");

좋은 웹페이지 즐겨찾기