jquery 학습 2 속성 관련_jquery

attr(name)
첫 번째로 일치하는 요소의 속성 값을 가져옵니다. 이 방법을 사용하면 일치하는 첫 번째 요소에서 속성 값을 쉽게 가져올 수 있습니다. 요소에 해당 속성이 없으면 정의되지 않은 값이 반환됩니다.
첫 번째로 일치하는 요소의 속성에 액세스합니다. 이 방법을 사용하면 첫 번째로 일치하는 요소에서 속성 값을 쉽게 검색할 수 있습니다. 요소에 해당 이름의 속성이 없으면
반환 값이 반환됩니다.
객체

매개변수
name(String): 속성 이름

예
문서의 첫 번째 이미지의 src 속성 값을 반환합니다.

HTML 코드:


jQuery 코드:

$("img").attr("src")
결과:

test.jpg
----------------------------------------- ------------------------------------- ---------------------
attr(속성)
이름/값 개체를 일치하는 모든 요소의 속성으로 설정합니다.
이것은 일치하는 모든 요소에 걸쳐 많은 속성을 대량으로 설정하는 가장 좋은 방법입니다. 참고로, 객체의 클래스 속성을 설정하려면 속성 이름으로 'className'을 사용해야 합니다. 또는 .addClass( class ) 및 .removeClass( class )를 직접 사용할 수 있습니다.
일치하는 모든 요소에 키/값 객체를 속성으로 설정하세요.
이는 많은 수의 속성을 설정하는 가장 좋은 방법입니다. 일치하는 모든 요소. class-Attribute를 설정하려면 'className'을 키로 사용해야 합니다. 또는 .addClass( class ) 또는 .removeClass( class )를 사용하세요.
반환 값
jQuery

매개변수
속성(Map): 이름/값 쌍 개체를 속성으로

예
모든 이미지에 대해 src 및 alt 속성을 설정합니다.

HTML 코드:


jQuery 코드:

$("img").attr({ src: "test.jpg", alt: "테스트 이미지" })
결과:

[ ]
------------------------- ------------------------------------- ------------------------------------- ----------
attr(key,value)
일치하는 모든 요소에 대한 속성 값을 설정합니다.
일치하는 모든 요소에 대해 단일 속성을 값으로 설정합니다.
반환 값
jQuery

매개변수
키(문자열): 속성 이름

값( Object): 속성값

예
모든 이미지에 src 속성을 설정합니다.

HTML 코드:



jQuery 코드:

$("img").attr("src"," test.jpg");
결과:

[ , ]
---------------------- ------------------------------------- ------------------------------------- ----------------
attr(key,fn)
일치하는 모든 요소에 대해 계산된 속성 값을 설정합니다.
값을 제공하는 것이 아니라 함수를 제공하며, 이 함수로 계산된 값이 속성값으로 사용됩니다.
일치하는 모든 요소에 대해 단일 속성을 계산된 값으로 설정합니다.
'위'에 설명된 대로 문자열 값을 제공하는 대신
반환 값
jQuery를 계산하는 함수가 제공됩니다.

Parameter
key(String): 속성 이름

fn(Function): 반환 값의 함수 범위: 현재 요소, Parameter: 현재 요소의 인덱스 값

예시
는 src 속성의 값을 title 속성의 값으로 설정합니다.

HTML 코드:


jQuery 코드:

$("img").attr("title", function() { return this. src });
결과:


------------ --- --------------------- --- --------------------- --- ---
removeAttr(name)
일치하는 각 요소에서 속성을 제거합니다.
반환 값
jQuery

매개변수
name(문자열): 속성 이름 삭제 예정

예
문서 내 이미지의 src 속성 삭제

HTML 코드:


jQuery 코드:

$("img").removeAttr("src")
결과:

[
]