남다른 논리

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

[jQuery] 자주쓰는 제이쿼리 함수 (모음)

jQuery 선택자 선택자명 설명 $('tag') Tag라는 이름의 모든 태그 요소를 선택 $(‘.class’) class라는 클래스명의 모든 클래스 요소를 선택 $(‘#id’) id라는 아이디명의 아이디 요소를 선택 $(‘div li’) div에 있는 li 모두 선택 $(‘div > p’) div의 p태그라는 직계 자식을 선택 $(this) 현재 선택 중인 요소를 가리킴 jQuery 메소드 메소드명 설명 eq(n) n번째에 위치하는 요소를 선택. length() 요소의 개수를 알 수 있음. parent() / parents() 요소의 직계 부모 선택 / 요소의 모든 부모들 선택 children(“a”) 요소의 a태그의 직계자손 선택 prev() / next() 이전 요소 선택 / 다음 요소 선택 val..

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

[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] 제이쿼리 Event Helpers 사용하기

이번에 배울 것은 Event Helpers 입니다. 다음은 스크립트와 스타일입니다 위에서 .one 이 의미하는 것은 한번만 작동하라는 것입니다. [html] Mouse over~~~~~ 결과화면 입니다.

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

[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("안녕!")..