<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function () {
var s = $('img').attr('src');
// alert(s);
// $('img').attr('width', 200);
// $('img').attr('width', function (index) {
// return (index+1)*100;
// });
// $('img').attr({
// width: 300,
// height: 200
// });
$('img').attr({
width: function (index) {
return (index+1)*100
},
height: 200
});
});
</script>
</head>
<body>
<img src="dog.jpg"><br>
<img src="cat.png"><br>
<img src="rabbit.jpg"><br>
</body>
</html>
'IT > jQuery' 카테고리의 다른 글
| jQuery - html(), text() (0) | 2018.10.13 |
|---|---|
| jQuery - jQuery를 사용하여 css 적용하는 방법 (0) | 2018.10.12 |
| jQuery button click 이벤트시, each 사용법 (0) | 2018.10.11 |
| jQuery 선택자로 css 적용 (0) | 2018.10.11 |
| jQuery document ready (0) | 2018.10.10 |