jquery 작업 "요소 속성"

우리는 자바스크립트의 getattribute와 setattribute를 사용하여 원소의 '원소 속성' 을 조작할 수 있습니다.
jQuery에서 attr() 패키지 집합 함수를 제공하여 모든 요소의 속성을 동시에 조작할 수 있습니다.
이름:
설명
예를 들다.
attr( name )
첫 번째 일치하는 원소의 속성 값을 얻습니다.이 방법을 통해 첫 번째 일치하는 요소에서 속성의 값을 쉽게 얻을 수 있습니다.원소에 상응하는 속성이 없으면 undefined를 되돌려줍니다.
문서의 첫 번째 그림의 src 속성 값을 되돌려줍니다: $("img").attr("src");
attr( properties )
이름/값 형식의 객체를 일치하는 모든 요소의 속성으로 설정합니다.이것은 모든 일치하는 요소에 많은 속성을 대량으로 설정하는 가장 좋은 방법이다.대상의class 속성을 설정하려면 'className' 을 속성 이름으로 사용해야 합니다.아니면 직접 사용하셔도 됩니다.addClass(class) 및.removeClass( class ).
모든 그림에 src와alt 속성을 설정합니다: $("img").attr({ src: "test.jpg", alt: "Test Image"});
attr( key, value )
일치하는 모든 요소에 대한 속성 값을 설정합니다.
모든 그림에 src 속성을 설정합니다: $("img").attr("src","test.jpg");
attr( key, fn )
일치하는 모든 요소에 대해 계산된 속성 값을 설정합니다.값을 제공하지 않고 함수를 제공합니다. 이 함수로 계산된 값을 속성 값으로 합니다.
src 속성의 값을 title 속성의 값으로 설정합니다: $("img").attr("title", function() { return this.src });
removeAttr( name )
일치하는 요소마다 속성 삭제
문서에 있는 이미지의 src 속성을 $("img") 삭제합니다.removeAttr("src");
 
id 선택기를 사용할 때 한 대상만 있는 jQuery 패키지 집합을 자주 되돌려줍니다. 이 때는attr(name) 함수를 사용하여 요소 속성을 얻습니다.

function testAttr1(event) {
   alert($("#hibiscus").attr("class"));
}

.csharpcode, .csharpcode pre
{
font-size: small;
color: black;
font-family: consolas, "Courier New", courier, monospace;
background-color: #ffffff;
/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt
{
background-color: #f4f4f4;
width: 100%;
margin: 0em;
}
.csharpcode .lnum { color: #606060; }
attr(name) 함수는 첫 번째 일치하는 요소의 특정 요소 속성 값만 되돌려줍니다.attr(key,name)는 모든 패키지의 요소 속성을 설정합니다.

//    img   alt  
$("img").attr("alt", "    alt  ");

.csharpcode, .csharpcode pre
{
font-size: small;
color: black;
font-family: consolas, "Courier New", courier, monospace;
background-color: #ffffff;
/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt
{
background-color: #f4f4f4;
width: 100%;
margin: 0em;
}
.csharpcode .lnum { color: #606060; }
attr( properties )는 한 번에 여러 요소 속성을 수정할 수 있습니다.

$("img").attr({title:"    title", alt: "    alt  "});

또한 우리는 removeAttr( name )를 사용하여 원소 속성을 삭제할 수 있지만 대응하는 DOM 속성은 삭제되지 않고 DOM 속성의 값에만 영향을 줄 수 있다.
예를 들어 하나의 input 요소의readonly 요소 속성을 제거하면 대응하는 DOM 속성이false(즉 input이 편집 가능한 상태로 변함)로 변할 수 있다.

$("#inputTest").removeAttr("readonly");