검색결과 리스트
글
대표적인 getter 메소드와 setter 메소드
개발/jQuery
2017. 7. 12. 14:16
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>jQuery Element Access</title>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script>
$(function() {
$("button").on("click", function() {
// <img>요소의 src 속성값을 읽어오는 getter 메소드
var imgSrc = $("img").attr("src");
// <img>요소의 src 속성값을 새로운 값으로 설정하는 setter 메소드
$("img").attr("src", "/examples/images/img_flag.png");
});
});
</script>
</head>
<body>
<h1>.attr() 메소드</h1>
<p>아래의 버튼을 누르면 다음 이미지를 변경할 수 있어요!!</p>
<button>src 속성 변경!</button><br><br>
<img src="/examples/images/img_flower.png" style="width:320px; height:214px; border: 1px solid black">
</body>
</html>
| 메소드 | 설명 |
|---|---|
| .html() | 해당 요소의 HTML 콘텐츠를 반환하거나 설정함. |
| .text() | 해당 요소의 텍스트 콘텐츠를 반환하거나 설정함. |
| .width() | 선택한 요소 중에서 첫 번째 요소의 너비를 픽셀 단위의 정수로 반환하거나 설정함. |
| .height() | 선택한 요소 중에서 첫 번째 요소의 높이를 픽셀 단위의 정수로 반환하거나 설정함. |
| .attr() | 해당 요소의 명시된 속성의 속성값을 반환하거나 설정함. |
| .position() | 선택한 요소 중에서 첫 번째 요소에 대해 특정 위치에 존재하는 객체를 반환함. (getter 메소드) |
| .val() | <form>요소의 값을 반환하거나 설정함. |
출처 tcp스쿨
'개발 > jQuery' 카테고리의 다른 글
| 숫자만 입력 (0) | 2020.03.05 |
|---|---|
| input 붙여 넣기 방지 (0) | 2017.10.17 |
| input 요소 선택 (0) | 2017.07.12 |
| jQuery 선택자 (0) | 2017.07.12 |
| 비슷한 ID 가져오기 (0) | 2017.07.07 |
