Learn new Get simpler Do more

jQuery를 사용하여 기본적인 애니메이션과 효과를 다룰 수 있다. 애니메이션 코드의 중심에는 animate() 함수가 있는데, 이는 숫자로 된 CSS 스타일 값을 바꾼다. 예를 들어, 높이, 넓이, 폭, 위치를 움직일 수 있다. 또한, 애니메이션의 속도를 밀리초 또는 사전 정의된 속도(느림, 보통, 빠름)로 지정할 수 있다. » Run Hello! » Animate Block1 » Animate Block2 » Animate Both » Reset Block1 Block2

jQuery는 DOM 스크립팅과 이벤트 핸들링을 단순화하는데 제격이다. DOM의 트래버스와 조작이 쉽고, 이벤트의 첨부, 제거, 호출은 매우 자연스러운 일이며, 직접 수행하는 것보다 에러도 적게 발생한다. 기본적으로 jQuery는 DOM 스크립팅으로 수행하는 일들을 더욱 쉽게 수행할 수 있도록 해준다. // ----------------------------------- // Event - Page Load // ----------------------------------- $(document).ready(function () { $("p").text("The DOM is now loaded and can be manipulated."); }); // ----------------------------..

jQuery는 하나의 셀렉터에서 거의 모든 엘리먼트 조합을 선택할 수 있도록 하는 복잡하고도 완벽한 셀렉터 신택스를 갖고 있다. jQuery의 셀렉터 신택스는 CSS3과 XPath에 기반하고 있다. CSS3과 XPath 신택스를 더욱 잘 안다면, jQuery 사용이 더욱 수월해진다. // ---------------------------------------------------------- // multiple(selector1, selector2, selectorN) // ---------------------------------------------------------- $("div,span,p.myClass").css("border","3px solid red"); // ------------..

Ajax는 jQuery를 사용하면 더 단순해 질 수 있다. 일부 매개변수들을 서버 상의 페이지로 전달해야 할 경우 jQuery를 사용하면 이는 매우 간단하다. 필요한 메소드가 어떤 것인지에 따라서 $.post()와 $.get() 중 선택한다. 선택적 데이터 객체와 콜백 함수를 전달할 수도 있다. 복잡한 Ajax 스크립팅을 해야 한다면, $.ajax() 함수를 사용한다. // --------------------------------------- // $.get() // --------------------------------------- $.get('ajax/test.html', function(data) { $('.result').html(data); alert('Load was performed.'..

jQuery를 사용하면 복잡하지 않게 코드로 표현하고자 하는 것만 나타낼 수 있다. 엘리먼트를 반복할 필요가 없다. javascript jquery document.getElementById("ID") $("#ID") document.getElementById("ID").style.display = 'none' $("#ID").css("display","none") document.getElementById("ID").options[document.getElementById("ID").selectedIndex].value $("#ID option:selected").val() var ck = document.getElementByName("NAME"); var str = ""; for(var i = 0;i

2006년 초, John Resig가 만든 jQuery는 JavaScript 코드로 작업하는 사람들에게는 훌륭한 라이브러리이다. 여러분이 JavaScript 언어 초보자라서 라이브러리가 Document Object Model (DOM) 스크립팅과 Ajax의 복잡성을 다루어주기를 원하든지, 숙련된 JavaScript 구루로서 DOM 스크립팅과 Ajax의 반복성에 지루해졌다면, jQuery가 제격이다. jQuery는 코드를 단순하고 간결하게 유지한다. 많은 반복 루프와 DOM 스크립팅 라이브러리 호출을 작성할 필요가 없다. jQuery를 사용하면 매우 적은 문자로 표현할 수 있다. 단순화 편리한 Ajax 호출 막강한 CSS 셀렉터 HTML 애니메이션 DOM 스크립팅과 이벤트 헨들링 강력한 메소드 체인 (me..

Div 가운데 정렬 Div 가운데 정렬

1. String to Date 형변환 String sDate = "2011/04/25 13:50"; Date newDate = new SimpleDateFormat("yyyyMMddHHmm").parse(sDate); 2. 날짜 비교 String sDate_1 = "2011/04/15 11:50"; String sDate_2 = "2011/04/25 13:50"; Date newDate_1 = new SimpleDateFormat("yyyyMMddHHmm").parse(sDate_1); Date newDate_2 = new SimpleDateFormat("yyyyMMddHHmm").parse(sDate_2); long ldiff = newDate_2.getTime() - newDate_1.getTime..

View 1 View1 Contents View 2 View2 Contents View 3 View3 Contents View 4 View4 Contents

$_SERVER $HTTP_SERVER_VARS [deprecated]