728x90 300x250 SMALL javaScript545 [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. [javaScript]스타일 속성 접근하기 인라인/내부/외부 스타일 스타일 가져오기 실행결과 인라인 스타일 속성을 가져올 경우 style 속성을 이용하면 된다. 만약 내부 / 외부 스타일에 있는 스타일 속성을 가져올 경우에는 window.getComputedStyle 메서드를 이용해야 한다. 2023. 2. 10. [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 ··· 50 51 52 53 54 55 56 ··· 137 다음 728x90 반응형 LIST