컴퓨터/제이쿼리 검색 결과

해당 글 4건

.siblings() 메서드

.siblings() 주로 목록에서 마우스로 클릭한 요소만 강조/액션등 이벤트를 부여할 때 쉽게 프로그래밍을 가능하도록 해주는 메서드이다. .siblings() 메서드를 통해 목록에서 사용자가 선택(클릭)한 부분을 어떻게 처리하는지 알아보자. (참고로 siblings의 영어단어 뜻은 '형제의, 자매의' 라는 뜻이다.) 예제1 Value 1 Value 2 Value 3 Value 4 Value 5 ▲ 클릭해 보세요 위에 td를 클릭했을 때, 클릭한 요소는 하늘색을, 선택되지 않은 td는 회색으로 표시해 보도록 하였다. 기존에는 모든 색상을 회색으로 세팅 후 선택된 td를 하늘색으로 다시 바꿔주는 방법, 또는 .each() 메서드와 분기문을 통해 나누어야 하는 수고로움이 필요 할 것이다. 허나 .siblin..
컴퓨터/제이쿼리 2016. 6. 27. 14:40

.each() 메서드

.each() jQuery 객체 배열에는 검색된 여러 개의 요소(Element)가 저장되어 있다. 선택자에 의해 선택된 요소가 하나뿐이거나 없더라도 일단은 배열이다. 배열에 저장된 요소들을 각각에 대해 개별적인 처리를 하고 싶다면 배열을 순회하며 모든 요소를 하나씩 꺼내야 한다. 이때 사용하는 메서드가 바로 .each() 문이다. each문 형식 each(function(index, item) {}) 인수로 콜백 함수 하나를 전달받으며 배열 내의 모든 엘리먼트에 대해 이 콜백을 호출한다. 함수로 전달되는 index 인수는 배열내의 요소의 순서값이고 item은 요소이다. 콜백에서는 배열의 각 항목을 전달받아 원하는 작업을 수행한다. 아래 간단한 예제를 통해 확인해 봅시다. 예제1 One-Element Tw..
컴퓨터/제이쿼리 2016. 6. 27. 08:59

제이쿼리 문법

jQuery 는 HTML 요소들을 선택하여 액션(event)를 주는 다양한 기능을 제어하도록 도와줍니다. jQuery 문법(Syntax) jQuery는 HTML 요소를 선택하기 위해 만들어 졌으며, 선택한 요소들의 액션(event)을 수행시킬 수 있습니다. 가장 기본적인 문법 1) $ 표시로 jQuery를 정의/접근 할 수 있습니다. 2) Selector를 이용하여 HTML 요소를 선택할 수 있습니다. 3) action() 을 이용하여, 요소의 이벤트를 수행할 수 있습니다. 예제 : 1) $("*").hide() : 현재 웹 페이지의 모든 요소를 숨길 수 있습니다. 2) $(this).hide() : 현재 요소를 숨길 수 있습니다. 3) $("#A").hide() : ID가 'A'인 요소를 숨길 수 있습..
컴퓨터/제이쿼리 2016. 6. 17. 14:39

제이쿼리란?

제이쿼리(jQuery)를 공부하기에 앞서 제이쿼리가 무엇인지, 사용함으로써 얻을 수 있는 이점은 무엇인지 확인 해 보는 시간을 갖겠습니다. 왜 jQuery를 사용하는가? jQuery를 사용하는 목적은 쉽게 웹 사이트에 자바 스크립트를 사용할 수 있도록 하는 것입니다. 또한 학습하기 전에 HTML, CSS, Java script에 대한 배경 지식이 있어야 합니다. jQuery는 Java script를 간결한 문장으로 더 많은 기능을 할 수 있도록 도와줍니다. 또한 jQuery는 아래와 같은 플러그인을 포함하고 있습니다. 1) Ajax 2) 효과 및 에니메이션 3) HTML / DOM 조작 4) CSS 조작 5) HTML 이벤트 방법 jQuery를 사용하는 방법 jQuery를 사용할 수 있는 방법은 크게 2..
컴퓨터/제이쿼리 2016. 6. 16. 15:43