attr 사용법 [속성이 중복이면 JQuery 가 적용]
attr(name); - 대상 element 의 속성값을 리턴
name : 찾기 원하는 속성명
$("img").attr("src");
$("img").eq(1).attr("src");
attr(prop); - 속성을 여러 개 적용할 때 사용
$("img").attr({ src:"./img/jquery.jpg", alt:"Hellow!, JQuery!" });
attr(key, value); - 한 개의 속성 적용할 때 사용
$("img").attr("src","./img/jquery.gif");
attr(key, fn);
fn : 적용시킬 속성값을 리턴하는 함수
$("img").attr("src", function(){ return "./img/jquery.jpg"; });
$("img").attr("src", function(){ return $(this).attr("alt")+".gif"; });
removeAttr(name); - 대상 element 의 속성을 제거
name : 삭제할 속성명
$("img").removeAttr("src");
addClass(class); - 대상 element 에 클래스 추가
class : 추가할 클래스 명
$("p").addClass("selected");
removeClass(class); - 대상 element 에 클래스 제거
class : 제거할 클래스 명
$("p").removeClass("selected");
$("p").removeClass(); - 삭제할 클래스명이 없으면 대상 element 의 모든 클래스 제거
toggleClass(class); - 대상 element 의 클래스명이 존재하면 제거하고 없으면 적용할 때 사용
$("p").toggleClass("selected");
text(); - 대상 element 의 text 속성값과 자식 노드의 text 속성값도 리턴(text 만 리턴)
$("div").text();
text(val); - 대상 element 의 text 속성 값으로 적용할 때 사용
val : 적용할 문자열
$("p").text("Hi!!!,JQuery");
val(); - 대상 element 의 value 속성의 값을 리턴(값이 여러개 일 경우 배열로 리턴)
$("input").val();
val(val); - text, input, select, radio, checkbox 등에 적용할 때 사용
$("input").val("It's so easy!!!");