>웹 프론트엔드 >프런트엔드 Q&A >자바스크립트에서 attr은 무엇을 의미하나요?

자바스크립트에서 attr은 무엇을 의미하나요?

WBOY
WBOY원래의
2022-02-08 11:14:298926검색

JavaScript에서 attr은 선택한 요소의 속성 값을 설정하거나 반환할 수 있는 메서드입니다. 구문은 "$(selector).attr(attribute)"입니다. ) ,값)".

자바스크립트에서 attr은 무엇을 의미하나요?

이 튜토리얼의 운영 환경: Windows 10 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

javascript에서 attr은 무엇을 의미하나요?

attr() 메서드는 선택한 요소의 속성 값을 설정하거나 반환합니다.

선택한 요소의 속성 값을 반환합니다.

Syntax

$(selector).attr(attribute)

attribute는 값을 얻을 속성을 지정합니다.

선택한 요소의 속성과 값을 설정하세요.

Syntax

$(selector).attr(attribute,value)

attribute는 속성의 이름을 지정합니다.

value는 속성의 값을 지정합니다.

선택한 요소의 속성과 값을 설정하세요.

$(selector).attr(attribute,function(index,oldvalue))

attribute는 속성의 이름을 지정합니다.

function(index,oldvalue)은 속성 값을 반환하는 함수를 지정합니다.

이 함수는 선택자의 인덱스 값과 현재 속성 값을 받아 사용할 수 있습니다.

선택한 요소에 대해 둘 이상의 속성과 값을 설정하세요.

Syntax

$(selector).attr({attribute:value, attribute:value ...})

attribute:value는 하나 이상의 속성/값 쌍을 지정합니다.

예제는 다음과 같습니다.

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $("img").attr("width",function(n,v){
      return v-50;
    });
  });
});
</script>
</head>
<body>
<img  src="/i/eg_smile.gif"    style="max-width:90%"  style="max-width:90%" / alt="자바스크립트에서 attr은 무엇을 의미하나요?" >
<br />
<button>减少图像的宽度 50 像素</button>
</body>
</html>

출력 결과:

자바스크립트에서 attr은 무엇을 의미하나요?

버튼 클릭 후:

자바스크립트에서 attr은 무엇을 의미하나요?

관련 추천: javascript 학습 튜토리얼

위 내용은 자바스크립트에서 attr은 무엇을 의미하나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.