728x90 300x250 SMALL javaScript/jQuery148 [jQuery] 폰트 사이즈 1씩 증가 버튼을 클릭하면 폰트사이즈가 1씩 증가하는 코드 폰트크기+ 폰트크기+ 버튼을 누르면 1씩 증가 .css 메서드를 이용해서 fontSize를 가져오고 +1을 해야 하기 때문에 parseInt() 메서드를 사용해서 정수로 변경한다. 구해 온 현재 사이즈에 +1을 더해서 사이즈를 적용시킨다. 2023. 2. 13. [jQuery]width, height 값 구하기 $(document).ready(function(){ var boxSize = $(".box").css(["width", "height"]); //.box의 width, height 값 구하기 console.log("width = "+boxSize.width+", height = "+boxSize.height); // 출력하기 }); 2023. 2. 12. [jQuery] css 스타일 속성 접근하기 스타일 가져오기 실행결과 jQuery를 이용해서 css 속성을 불러올 때는 js와 다르게 인라인 / 내부 / 외부 스타일 모두 동일하게 css() 메서드만으로 불러올 수 있다. 2023. 2. 11. [jQuery]목록 리스트 위로 아래로 이동 리스트 up down 버튼 스크립트 위 아래로 이동 $("#up").click(function(){ up(); }) $("#down").click(function(){ down(); }) function up(){ if($clickItem){ var $prev = $clickItem.prev(); if($prev){ $clickItem.insertBefore($prev); } }else{ alert("이름을 선택하세요"); } } function down(){ if($clickItem){ var $next = $clickItem.next(); if($next){ $clickItem.insertAfter($next); } }else{ alert("이름을 선택하세요"); } } 전체코드 추가 수정 삭제 위로.. 2023. 2. 9. 이전 1 ··· 18 19 20 21 22 23 24 ··· 37 다음 728x90 반응형 LIST