< attr() >
- 특정 대상의 속성 정보를 처리하는 함수
- 대상.attr();
① 이미지의 src 정보를 가져옴
<head>
$(document).ready(function(){
var src = $('img').attr('src');
alert(src);
});
</head><body>
<img src="icon1.png">
</body>
② 이미지의 테두리 두께를 5로 지정
<head>
$(document).ready(function(){
$('img').attr('border','5');
});
</head>
③ 이미지 3개의 테두리를 각각 5, 10, 15로 지정
$('img').attr('border',function(index){
return (index+1)*5;
});<img src="icon1.png">
<img src="icon2.png">
<img src="icon3.png">
④ 모든 img 태그에 테두리 - 5, 너비 - 100, 높이 - 200 으로 설정
$('img').attr({
border : 5,
width : 100,
height : 200
});
⑤ 모든 img 태그에 테두리 - 5, 너비 - 100, 높이 - (100,200,300) 으로 설정
$('img').attr({
border : 5,
width : 100,
height : function(idx){
return (idx+1)*100;
});
});
'자바 웹 개발자가 될거야 > JSP' 카테고리의 다른 글
| [JQuery] Jquery(제이쿼리) setInterval() 일정주기 반복하기 (0) | 2021.12.28 |
|---|---|
| [JQuery] Jquery(제이쿼리) html(), text() 속성의 값 가져오기 (0) | 2021.12.28 |
| [JQuery] Jquery(제이쿼리) 요소의 속성 값 사용 방법 (0) | 2021.12.27 |
| [JQuery] Jquery(제이쿼리) 속성탐색 선택자, 위치탐색 선택자 (0) | 2021.12.27 |
| [JQuery] Jquery(제이쿼리) 설치 및 사용 (0) | 2021.12.27 |
