Web/jQuery

[jQuery] Element Properties Modify 명령

saltdoll 2013. 10. 8. 16:59
반응형

each() 집합 elements를 수정

each(iterator)

$('img').each(function(n){

this.alt='ID가 '+this.id+'인 image['+n+']이다';

});

또 다른 예제

var allAlts = new Array();

$('img').each(function(){

allAlts.push(this.alt);

});



단일 properties값 받기

var altValue = s('#myImage')[0];



Attribute값 get, set 

attr(name) : name attribute의 value 가져오기

attr(name, value) : name attribute에 value값 set하기

attr(attributes)

매개변수: attributes (Object) 확장 집합의 모든 엘리먼트에 어트리뷰트로 설정되는 프로퍼티를 지닌 객체

$('input').attr( { value: ", title:'값을 입력하세요.' } ); 


removeAttr(name) : name attribute 삭제하기

매개변수: name (String) 삭제할 어트리뷰트 이름



target="_blank"로 수정하기

$('a[href^=http://').attr('target','_blank');


$('form').submit(function() {

$(":submit",this).attr('disabled','disabled');

});



CSS Class Handlers

.addClass(names) : CSS 클래스 추가

.removeClass(names) : CSS 클래스 삭제

.toggleClass(names) : CSS 클래스 토글



객체 추가 

.append(element) 

.appendTo(target)

매개변수 (String Element) jQuery selector, DOM element

설명: 

a.append(b)는 a 엘리먼트에 b 엘리머트를 덧붙임

a.appendTo(b)는 a 엘리먼트를 b 엘리먼트에 덧붙임



반응형
도움이 되셨다면 하트모양의 "♡ 공감"을 눌러주시면 큰 격려가 됩니다.
(로그인하지 않으셔도 가능)