728x90
반응형
SMALL
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<script src="//code.jquery.com/jquery-3.3.1.min.js"></script>
<script>
//<<==== 요소 속성가져오기 =====>>
$(document).ready(function(){
$("button").click(function(){ //버튼을 클릭하면
alert($("#dog").attr("src"));
// id가 dog인 요소의 속성을 반환한다
//attr : 요소의 속성을 반환한다
});
});
</script>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<img id="dog" src="dog.png"
alt="" width="120" height="100"/><br/>
<button >누르면 요소의 속성을 반환합니다</button>
</body>
</html>📌 화면 출력
728x90
반응형
LIST
'Jquery' 카테고리의 다른 글
| [JQuery] 요소 삭제하기 - remove(); empty(); (0) | 2022.01.27 |
|---|---|
| [JQuery] 기존요소의 내부에 추가 .appen() .prepend() (0) | 2022.01.27 |
| [JQuery] JQuery 문장구조 (0) | 2022.01.27 |