jquery 속성 값 수정 예제 코드(속성 값 설정)_jquery

속성 설정 - attr()

jQuery attr() 메서드는 속성 값을 설정/변경하는 데에도 사용됩니다.

다음 예에서는 링크의 href 속성 값을 변경(설정)하는 방법을 보여줍니다.

예제

코드 복사 코드는 다음과 같습니다.

$("button" ).click (function(){
$("#keleyi").attr("href","http://www.jb51.net");
});

attr() 메서드를 사용하면 여러 속성을 동시에 설정할 수도 있습니다.
다음 예에서는 href 및 title 속성을 모두 설정하는 방법을 보여줍니다.

예제

코드 복사 코드는 다음과 같습니다.

$( "버튼" ).click(function(){
$("#keleyi").attr({
"href" : "http://www.jb51.net",
"제목" : "켈레이 넷"
});
});

attr()의 콜백 함수

jQuery 메소드 attr()도 콜백 기능을 제공합니다. 콜백 함수는 선택한 요소 목록에 있는 현재 요소의 인덱스와 원래(이전) 값이라는 두 가지 매개변수를 사용합니다. 그런 다음 함수의 새 값으로 사용하려는 문자열을 반환합니다.

다음 예에서는 콜백 함수가 포함된 attr() 메서드를 보여줍니다.

예제

코드 복사 코드는 다음과 같습니다.

$("button" ).click (function(){
$("#keleyi").attr("href", function(i,origValue){
return origValue "/jquery";
});
}) ;