Life goes slowly...

웹 개발 시 CSS 스타일을 추가하거나 제거하고 변경하기 위해서는 클래스(Class) 속성을 선택자로 사용하게 됩니다. 그 이외의 동적인 스크립트와 액션은 Javascript(자바스크립트)의 ID 값을 사용하게 됩니다. .removeClass() 함수는 이렇게 CSS 스타일을 추가 및 제거, 변경하기 위한 클래스(Class)의 Name을 제거할 때 사용하는 함수입니다. 물론 CSS 파일에서 Class의 Style이 선언되어야 적용이 가능합니다. jQuery의 .removeClass() 함수 jQuery(제이쿼리)의 .removeClass() 함수는 CSS 클래스를 제거하는 함수로 element(요소) 와 Class(클래스)명을 받아서 호출하게 됩니다. 선택한 요소에서 Class 값을 제거하게 됩니다. ...

웹 개발 시 CSS 스타일을 추가하거나 제거하고 변경하기 위해서는 클래스(Class) 속성을 선택자로 사용하게 됩니다. 그 이외의 동적인 스크립트와 액션은 Javascript(자바스크립트)의 ID 값을 사용하게 됩니다. jQuery의 .addClass() 함수는 이렇게 CSS 스타일을 추가 및 제거, 변경하기 위한 클래스(Class)의 Name을 추가할 때 사용하는 함수입니다. 물론 CSS 파일에서 Class의 Style이 선언되어야 적용이 가능합니다. jQuery의 .addClass() 함수 제이쿼리(jQuery)에서 사용하는 Class 명을 추가하여 Style을 적용하는 방법 이외에도 직접 Style을 적용이 가능합니다. .attr() 함수나. css() 함수를 사용하는 방법입니다. //.attr()..

요소(element)에 자바스크립트(Javascript) 이벤트 핸들러를 지정하기 위한 함수로는. bind() , .on(), .live() 가 있습니다. 3개의 함수 모두 같은 역할을 하고 있지만 각각 함수마다 차이점이 있습니다. jQuery의 .bind() 함수 제이쿼리(jQuery)에서 사용되는 가장 기본적으로 사용되는 자바스크립트(Javascript) 이벤트 바인딩 함수입니다. 하지만 제이쿼리 1.7 버전 이후에. on() 함수가 나오면서 새로운 기능이 추가되지 않을 예정으로 점점 사라질 수도 있다는 이야기가 있어서 제이쿼리 1.7버전 이후에는. on() 함수를 사용하라고 가이드 되어 있습니다. 단일 요소(element)를 각 이벤트 처리기에 연결하며 복제된 요소(element)는. bind() ..

jQuery의 .removeAttr() 함수 jQuery의 .removeAttr() 함수는 속성을 값을 삭제할 때 사용됩니다. 자바스크립트의 기본 함수이며 요소(element)의 속성(attribbute)의 값을 삭제할 때 사용됩니다. // 속성값 제거하기 .removeAttr( attributeName ) .removeAttribute( attributeName ) // div 요소의 title 속성을 제거합니다. $( 'div' ).removeAttr( 'title' ); // input 요소의 placeholder 속성을 제거합니다. $( 'input' ).removeAttr( 'placeholder' ); // input 요소의 disabled 속성을 제거합니다. $( 'input' ).remov..

설명 Method 기능 .offset() 읽기/쓰기 선택된 요소의 좌표를 가져오거나 특정 좌표로 이동 .offsetParent() 읽기 전용 Dom 트리에 존재하는 부모 요소들 중 위치 요소를 기준으로 가장 가까운 요소를 선택 .position() 읽기 전용 부모 요소의 위치를 기준으로 값을 얻는 상대 좌표를 사용하는 방법 .scrollLeft() 읽기/쓰기 선택된 요소의 가로 스크롤 값을 반환하거나 값을 지정 .scrollTop() 읽기/쓰기 선택된 요소의 세로 스크롤 값을 반환하거나 값을 지정 .offset() 함수 .offset( coordinates ) Hello2nd Paragraph Hello left: 10, top: 50 .offsetParent() 함수 .offsetParent( coor..

Method 설명 .append() 선택된 요소의 마지막에 새로운 요소나 콘텐츠를 추가 .appendTo() 선택된 요소를 해당 요소의 마지막에 추가 .prepend() 선택된 요소의 첫번째에 새로운 요소나 콘텐츠를 추가 .prependTo() 선택된 요소를 해당 요소의 첫번째에 추가 .after() 선택한 요소의 바로 뒤쪽에 새로운 요소나 콘텐츠를 추가 .insertAfter() 선택한 요소를 해당 요소의 뒤쪽에 추가 .before() 선택한 요소의 바로 앞쪽에 새로운 요소나 콘텐츠를 추가 .insertBefore() 선택한 요소를 해당 요소의 앞쪽에 추가 .clone() 선택한 요소를 복사( 특정 태그안의 내용 모두 복사) .remove() 선택한 요소를 삭제( 태그 안의 내용을 모두 삭제) .app..

★AJAX (Asynchronous JavaScript + XML ) - 자바스크립트를 사용한 비동기 통신을 말하며 Client와 Server간에 XML 데이터를 주고받는 기술를 말합니다. - DHTML, CSS, XML, XMLHttpRequest등의 기술들을 이용하여 보여주는 기술을 말합니다. 서버의 처리를 기다리지 않고 비동기 요청이 가능하고 서버측 처리를 각 PC에 분산가능 하지만.... AJAX를 사용못하는 브라우져가 있으며 오픈소스여서 보안에 철저히 신경을 써야 합니다. TYPE(method) - GET,POST URL - 데이터를 요청할 페이지(요청 URL) DATA - 요청에 의해 전달되는 param Vaule CONTENTTYPE - 요청 콘덴츠 타입. 생략하면 'application/x..