목록IT/html, css, script (35)
wasup
보호되어 있는 글입니다.
JQuery) filter(), end()
filter() : 이름 그대로, 선택한 것을 걸러준다. 예시를 위한 HTML header - 0 header - 1 header - 2 header - 3 header - 4 header - 5 header - 6 Q) h3태그 중 짝수인것을 골라 css적용 $(function(){ $('h3').filter(':even').css({ backgroundColor: 'black', color: 'white' }); }) 결과 Q) h3태그 중 index%3이 0인것의 css속성을 추가 $(function(){ $('h3').filter(function(index){ return index%3==0; }).css({ //filter가 true인 것만 css적용된다. backgroundColor: 'gre..
보호되어 있는 글입니다.
JavaScript) 버튼 클릭 시 숫자 카운트 업!
Q. 각각의 버튼 클릭 시 카운트 업 html ButtonA Up ButtonB Up Button A - 0 Button B - 0 script window.onload = function(){ var buttonA = document.getElementById('button_a'); var buttonB = document.getElementById('button_b'); var counterA = document.getElementById('counter_a'); var counterB = document.getElementById('counter_b'); buttonA.onclick = function(){ counterA.innerHTML = Number(counterA.innerHTML)+1; ..
JavaScript) onclick event (클릭이벤트)
Q. 이벤트를 선언해보자 style html Click1 Click2 Click3 Click4 script
보호되어 있는 글입니다.
JavaScript) 배열의 함수
1. push(); : 배열 끝에 요소를 추가. //Array.push(); var arr6 = ['a', 'b', 'c']; arr6.push('d'); arr6.push(function(){alert('배열.push() 함수 호출')}); arr6.push(function(x, y){alert( x + ' + ' + y + ' = ' + x+y)}); document.write(''); for(var i = 0; i < arr6.length; i++){ document.write(''+typeof(arr6[i])+ '=' + arr6[i] + ''); } document.write(''); 2. pop(); : 배열의 마지막 요소를 꺼내온 후 삭제 //Array.pop(); var last = arr..
JavaScript) 스크립트에서 배열의 다양한 선언
1. 자바스크립에서 배열선언방법 var arr1 = new Array(); var arr2 = new Array(90, 95, 88); var arr3 = []; var arr4 = [90, 95, 88]; document.write('국어 = '+arr2[0]+''); document.write('영어 = '+arr2[1]+''); document.write('수학 = '+arr2[2]+''); document.write('국어 = '+arr4[0]+''); document.write('영어 = '+arr4[1]+''); document.write('수학 = '+arr4[2]+''); var sum = 0; for(var i = 0; i < arr4.length; i++){ sum = arr4[i]; ..