HOWTO · jQuery
jQuery를 사용하여 속성에 대한 새 값 설정
이 문서에서는 jQuery를 사용하여 속성에 대한 새 값을 설정하는 방법을 보여줍니다.
이 페이지의 내용
이 기사에서는 jQuery를 사용하여 속성에 대한 새 값을 설정하는 방법을 보여줍니다.
jQuery를 사용하여 속성에 대한 새 값 설정
attr() 작업은 선택한 구성 요소의 속성과 값을 설정하거나 반환합니다. 속성 값을 대체하는 데 사용되는 경우 이 함수는 FIRST 일치 요소의 값을 전달합니다.
이 메서드는 속성 값을 설정하는 데 사용할 때 일치하는 항목 컬렉션에 대해 하나 이상의 속성/값 쌍을 설정합니다.
통사론:
$(selector).attr(attribute_name, new_value)
여기서 사용된 attr() 메소드는 속성 이름 및 값과 같은 매개변수를 취하는 속성에 대한 새 값을 설정하기 위한 것입니다.
예시:
<html>
<head>
<title>Set New Attribute</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function () {
$("button").click(function () {
$("#naya").attr("href", "https://www.youtube.com/");
});
});
</script>
</head>
<body>
<p><a href="https://www.google.com/" id="naya">ATT_Link</a></p>
<button>new value</button>
<p>
first, you can view the link and then click on button new value. it will
change the attribute value.
</p>
</body>
</html>
참고: 파일을 HTML로 저장하고 브라우저에서 실행하여 명확한 통찰력을 얻으십시오.
위의 예는 속성의 이름이 href이고 새 값이 youtube에 대한 링크임을 보여줍니다. 선택자는 새 값이 설정된 태그입니다.
여기서 사용된 선택자는 naya, 즉 href가 있는 각도 레이블의 ID입니다. 브라우저에서 이 코드를 실행하면 다음이 표시됩니다.
여기에서 하나의 링크와 하나의 버튼을 볼 수 있습니다. 링크를 처음 클릭하면 코드에 언급된 대로 google.com이 열립니다.
그런 다음 new value라는 버튼을 클릭하면 href 속성의 초기 값이 youtube.com으로 변경된 것을 볼 수 있습니다. 버튼을 클릭하면 click 기능이 트리거되고 attr() 메소드의 도움으로 속성 값이 변경됩니다.
아래 스크린샷을 보십시오.
