728x90
반응형
<!DOCTYPE html>
<html>
<head>
<title>jQuery Basic</title>
<script src="http://code.jquery.com/jquery-3.1.0.js"></script>
<script>
$(document).ready(function () {
var output = ''; //빈 문자열
for(var i=0; i<256; i++) {
output += '<div></div>';
} //256개 div 태그 쌍.
document.body.innerHTML = output;
$('div').css({
height: 2,
backgroundColor: function(i) {
return 'rgb('+i+','+i+','+i+')';
}
});
});
</script>
</head>
<body>
<!--output 문자열 대입-->
</body></html>'웹개발 > jQuery' 카테고리의 다른 글
| [jQuery] 클래스 조작, hover (0) | 2021.12.13 |
|---|---|
| [jQuery] 처음배우는 Javascript_jQuery, 체크 박스 (0) | 2021.12.13 |
| [jQuery] 처음배우는 Javascript_jQuery, 라디오 버튼 (0) | 2021.12.13 |
| [jQuery] 처음배우는 Javascript_jQuery, 값 입력받아 계산하기 (0) | 2021.12.13 |
728x90
반응형
<!DOCTYPE html>
<html>
<head>
<title>jQuery Basic</title>
<script src="http://code.jquery.com/jquery-3.1.0.js"></script>
<script>
$(document).ready(function () {
var output = ''; //빈 문자열
for(var i=0; i<256; i++) {
output += '<div></div>';
} //256개 div 태그 쌍.
document.body.innerHTML = output;
$('div').css({
height: 2,
backgroundColor: function(i) {
return 'rgb('+i+','+i+','+i+')';
}
});
});
</script>
</head>
<body>
<!--output 문자열 대입-->
</body></html>'웹개발 > jQuery' 카테고리의 다른 글
| [jQuery] 클래스 조작, hover (0) | 2021.12.13 |
|---|---|
| [jQuery] 처음배우는 Javascript_jQuery, 체크 박스 (0) | 2021.12.13 |
| [jQuery] 처음배우는 Javascript_jQuery, 라디오 버튼 (0) | 2021.12.13 |
| [jQuery] 처음배우는 Javascript_jQuery, 값 입력받아 계산하기 (0) | 2021.12.13 |
