남다른 논리

프로그래밍/웹프로그래밍

[jQuery] 제이쿼리 each 사용

제이쿼리 each 사용법은 jQuery.each( array, callback ) Description: A generic iterator function, which can be used to seamlessly iterate over both objects and arrays. Arrays and array-like objects with a length property (such as a function's arguments object) are iterated by numeric index, from 0 to length-1. Other objects are iterated via their named properties. 글 설명처럼, 이터레이팅 하는 것입니다.예제를 보면, 123$.each([..

프로그래밍/웹프로그래밍

[jQuery] 제이쿼리 이벤트

[jQuery Event] 제이쿼리 on /off에 대한 API 입니다.http://api.jquery.com/on/ http://api.jquery.com/category/events/event-handler-attachment/ 에 들어있는 내용중 on /off 연습입니다. [html] Binding and Unbinding Events Example jQuery 마우스 오버 Type in this text field Last character typed: 스크립트 적용뒤, 처음에는 마우스 오버시, 배경이 빨간색으로 되며, 클릭한 다음에는다음과 같이 나옵니다. 스크립트 마지막의 다음 부분은 내용 입력시, 페이지 표기되는 스크립트입니다.$("textEntry").on("keypress", functio..

프로그래밍/웹프로그래밍

[jQuery] 제이쿼리 DATA

제이쿼리 DATA 추가, 삭제, 확인 하는 예제입니다. html 문장 1 문장 2 문장 3 문장 4 문장 5 Store data Remove data Show data결과화면 : 데이터를 저장하고, show data 버튼을 누른 화면입니다.

프로그래밍/웹프로그래밍

[jQuery] 제이쿼리 attr() 이해하기

jQuery의 API 인 attr (attribute)를 사용하는 예제 입니다. [html]

프로그래밍/웹프로그래밍

[jQuery] 제이쿼리 콘텐츠 변경방법

제이쿼리를 이용한 콘텐츠 변경방법입니다. 먼저Html은 [Html] 문장 1 문장 2 문장 3 문장 4 문장 5 제이쿼리 스크립트 입니다. 오늘 배울 내용은 1. 콘텐츠 속성변경 결과는 같지만소스 코드가 다릅니다. 왼쪽이 첫번째로, 각 p마다 코드가 적용된 것입니다.오른쪽은 div 전체에 적용 되었습니다. 2. Empty("#example").empty(); 3. Remove$("#example p.a, #example p.b").remove();p의 클래스가 a 와 b인 1줄, 3줄이 지워집니다. 4. detatch : remove와 보이는것은 같지만, 임시적으로 안보이게 하는 것으로서, 다른 이벤트 핸들러를 이용해 보이게 할 수 있습니다.$("#example p.a, #example p.b").det..

프로그래밍/웹프로그래밍

[jQuery] 제이쿼리 콘텐츠 삽입하기

콘텐츠 내용을 추가하거나, 삽입하는 방법을 설명하고자 합니다. Using append는 p태그에 문장을 추가하는 것이고Using prepend는 p태그 앞에 문장을 삽입하는 것입니다. 이번 내용은 before 와 after를 이용해서 콘텐츠를 삽입하는 것입니다. [이번에 연습할 코드는 다음과같습니다] 먼저 html을 보면 문장 1 문장 2 문장 3 문장 4 문장 5 ( 콘텐츠 변경 적용전 이미지 입니다) 여기에 다음을 제이쿼리를 이용해 콘텐츠를 변경해 봅니다. 2. 테스트 : 마지막 p를 첫 p뒤에 붙여 넣는다.$("#example p:last").appendTo("#example p:first") //마지막 p를 첫 p 뒤에 추가 3. 테스트 : 마지막 p를 첫 p앞에 붙여 넣는다.$("#example..

프로그래밍/웹프로그래밍

[jQuery] 제이쿼리에서 문장 생성 및 변경

다음의 제이쿼리를 연습할 예정입니다. [전체 HTML] 문장 변경 jQuery 문장 1 문장 2 문장 3 문장 4 문장 5 Create Content Change Content Change All 각각 실행시의 화면

프로그래밍/jQuery

[jQuery] 제이쿼리 체이닝(Chain)

(그림) - 업로더가 오류로 업로드를 가끔씩 못합니다. 에러가 나서 나중에 업뎃하는데요, 다음(카카오)에서 아직 이런 오류를 갖는게 한심합니다. ㅎㅎ 본론으로 들어가서... 제이쿼리 체이닝은 여러개의 메소드를 연결해서 쓰는 것을 말합니다. $("#p1").css("color", "red").slideUp(2000).slideDown(2000); 위의 코드 처럼 아이디 p1에 색을 red로하고, 2초간 올리고, 다시 2초간 내리는 연결된(chain) 작업을 가능케 합니다. .slideUp( [duration ] [, complete ] )Description: 2초간 슬라이딩 모션으로 숨김을 합니다. 예제] jQuery is fun!! Click me 예제2]$("#divTest1").text("안녕!")..