<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src ="../js/jquery-3.2.1.js"></script>
</head>
<!-- attr(속성명)메서드 : 속성의 값을 알아낼 수 있음
img 태그가 3개인데 출력값은?
첫번 쨰 문서 객체의 속성을 출력
-->
<script>
$(function(){
var src = $('img').attr('src');
alert(src)
});
</script>
<body>
<img src = "../image/smile_01.png" >
<img src = "../image/smile_04.png" >
<img src = "../image/smile_05.png" >
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src ="../js/jquery-3.2.1.js"></script>
</head>
<!-- attr(속성명)메서드 : 속성의 값을 알아낼 수 있음
img 태그가 3개인데 출력값은?
첫번 쨰 문서 객체의 속성을 출력
-->
<script>
$(function(){
$('img').each(function(index, item){
alert("index= "+ index + " , "
+ $(item).attr('src'));
})
});
</script>
<body>
<img src = "../image/smile_01.png" >
<img src = "../image/smile_04.png" >
<img src = "../image/smile_05.png" >
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src ="../js/jquery-3.2.1.js"></script>
</head>
<script>
$(function(){
$('img').attr('width',200);
});
</script>
<body>
<img src = "../image/smile_01.png" >
<img src = "../image/smile_04.png" >
<img src = "../image/smile_05.png" >
</body>
</html>
' sundries' 카테고리의 다른 글
| 3-8 removeAttr() (0) | 2018.01.12 |
|---|---|
| 3-6 attr() 콜백 함수 / 속성값 Object 사용 (0) | 2018.01.12 |
| 3-1 addClass() 콜백 함수 (0) | 2018.01.12 |
| 2-10 xml 문서 find 로 찾기 (0) | 2018.01.12 |
| 2-4 체이닝_필터 end() eq() add() hide() show() (0) | 2018.01.12 |
