[jquery] 문서 객체의 속성 추가 -attr()
개발 Programming/JQUERY2018. 8. 28. 17:37
$(selector).attr(name,value); 매개변수 속성이름,값
$(selector).attr(name, function(index,attr){});
$(selector).attr(object);
<html>
<head>
<script src='https://code.jquery.com/jquery-3.3.1.js'></script>
<script>
$(document).ready(function(){
$('img').attr('width',200);
})
</script>
</head>
<body>
<img src="test1.jpg" />
<img src="test2.jpg" />
<img src="test3.jpg" />
</body>
</html>
<html>
<head>
<script src='https://code.jquery.com/jquery-3.3.1.js'></script>
<script>
$(document).ready(function(){
$('img').attr('width',200);
$('img').attr('width',function(index){
return (index+1) * 100;
});
});
</script>
</head>
<body>
<img src="test1.jpg" />
<img src="test2.jpg" />
<img src="test3.jpg" />
</body>
</html>
<html>
<head>
<script src='https://code.jquery.com/jquery-3.3.1.js'></script>
<script>
$(document).ready(function(){
//1번 방법
//$('img').attr('width',200);
//2번 방법
/*$('img').attr('width',function(index){
return (index+1) * 100;
}); */
//3번 방법
$('img').attr({
'width':function(index){
return (index+1) * 100;
},
height:100
});
});
</script>
</head>
<body>
<img src="test1.jpg" />
<img src="test2.jpg" />
<img src="test3.jpg" />
</body>
</html>
'개발 Programming > JQUERY' 카테고리의 다른 글
| [jquery] 문서 객체 스타일 검사,추가-css() (0) | 2018.08.29 |
|---|---|
| [jquery] 문서 객체 속성 제거-removeAttr() (0) | 2018.08.28 |
| [juqery] 문서 객체의 속성 검사 값 가져오기-attr() (0) | 2018.08.28 |
| [jquery] 문서 객체의 클래스 속성 제거-removeClass() , toggleClass() (0) | 2018.08.28 |
| [jquery] 문서 객체 클래스 속성 추가 -addClass() (0) | 2018.08.28 |
댓글()