본문 바로가기

프로그래밍/jQuery & javaScript14

[jQuery] CSS 추가, 삭제, 변경 jQuery 에서는 .css로 간단하게 css를 수정, 삭제, 추가 할 수 있다. css를 새로 추가하거나 변경하는 방법은 같다. CSS 추가 및 변경 $('h1').css('color','blue'); h1태그에 추가하고 싶은 css를 입력하고 두번째로 값을 입력해 주면 된다. CSS 삭제 $('h1').css('color',''); 삭제를 하고싶다면 그냥 빈 값을 입력해주면 된다. 테스트 소스 테스트 css추가 or 변경 css삭제 2019. 10. 28.
[jQuery] 요소 삭제 remove와 empty jQuery에는 요소를 삭제하는 remove와 empty가 있다. remove $('tbody tr').eq(1).remove(); 위의 스크립트는 tbody에 있는 tr태그 중 1번째 요소 자체를 삭제한다는 것이다. empty $('tbody tr').eq(0).empty(); empty는 태그 자체를 삭제하지 않고 태그안에 있는 내용을 전부 삭제한다. 예제 소스 t1 t2 t3 1 2 3 4 5 6 7 8 9 empty remove 2019. 9. 10.
[jQuery] html 동적 태그 추가하기 jQuery로 동적 태그를 만드는 방법은 여러가지가 있지만, 두 가지만 소개하고자 한다. 1. 태그를 String으로 써서 추가하기 $('#btn1').click(function(){ var html = "방법1방법1방법1" $('tbody').append(html); }); 2. 객체를 생성하여 추가 $('#btn2').click(function(){ var $tr = $("",{}); var $td1 = $("",{text:"방법2"}); var $td2 = $("",{text:"방법2"}); var $td3 = $("",{text:"방법2"}); $tr.append($td1); $tr.append($td2); $tr.append($td3); $('tbody').append($tr); }); tr태그.. 2019. 9. 10.
자바스크립트 날짜 계산(년, 월, 일, 시, 분, 초) 년 계산 : date.setYear(date.getFullYear()+10); 월 계산 : date.setMonth(date.getMonth()-20); 일 계산 : date.setDate(date.getDate()+1); 시 계산 : date.setHours(date.getHours()+30); 분 계산 : date.setMinutes(date.getMinutes()+10); 초 계산 : date.setSeconds(date.getSeconds()+11); 밀레니엄초 계산 : date.setMilliseconds(date.getMilliseconds()+10000); 위와 같이 현재 값에 더하기나 빼기를 해서 세팅을 할 수도 있고, date.setYear(2000); 이렇게 그냥 집어넣을 수도 있다. 2019. 8. 22.