본문 바로가기

전체 글129

이벤트 *** bind() : 이벤트를 연결한다 1. $(선택자).bind(eventName, function(event){}); 2. $(선택자).bind(object); // 홍길동 이순신 유관순 *** toggle() , hover() toggle() : click이벤트를 여러 이벤트 핸들러를 번갈아가며 실행할 수 있게 연결 hover() : mouseenter이벤트와 mouseleave이벤트를 동시에 연결한다 *** unbind() : 이벤트를 제거한다 // 이미 눌러진것은 다시 눌러도 이벤트가 발생하지 않는다 *** one() : 이벤트를 한번만 발생시킨다 *** 매개변수 context : 키워드가 있는게 아니라 선택자(selector)가 적용하는 범위를 한정한다 홍길동 서울 이순신 인천.. 2022. 2. 22.
배열관리, 문서객체 탐색 *** 제이쿼리의 반복문 $.each(배열, function(index, item{}()); $(선택자가 배열).each( function(index, item{}()); - 배열에는 데이터의 배열이 올 수도 있고 노드의 배열 둘 다 올 수도 있다 홍길동 이순신 유관순 // 홍길동 이순신 유관순 // // // 홍길동 유관순 김유신 이순신 강감찬 // 홍길동 유관순 김유신 이순신 강감찬 // 필터함수 사과 포도 수박 딸기 바나나 오렌지 // 사과 포도 수박 딸기 바나나 오렌지 // 특정태그 선택 서로다른 컴퓨터끼리 데이터를 주고 받는 형식이 있다 ( 자바스크립트에서 Ajax통신으로 서버에 데이터를 요구하면, 서버가 응답하는 형식) - csv ( comma seper.. 2022. 2. 21.
선택자 ◇전체선택자 위와 같이 스타일시트로 css를 설정할 수도 있고 아래와 같이 자바스크립트의 jquery로 css를 설정할수도 있어요. Q.그러면 어떨때 자바스크립트의 jquery를 css로 설정해요? A. 맨날 똑같은 css를 설정해야 한다면 굳이 자바스크립의 jquery를 이용할 필요가 없고 프로그램에서 사용자의 요구에 따라 css를 바꾸어야 할 때에 사용합니다. ◇태그선택자 매개변수가 두개이면 설정, 매개변수가 하나면 읽어오는거 jquery가 제공하는 함수를 사용하는 형식 $(선택자).함수명([매개변수,]); - 선택자는 태그이름, 클래스이름, 아이디이름 css함수 스타일을 설정하거나 스타일값을 읽어오는 용도로 사용합니다. css("속성명","값") ==> 속성의 값을 설정 css("속성명") ==> .. 2022. 2. 20.
Jquery의 필요성 Jquery의 필요성 Jquery의 필요성 - DOM 객체 조작을 용이하게 합니다. 대상이 되는 노드를 쉽게 선택하고 동적으로 노드를 생성,수정,삭제하기가 용이합니다. - css설정을 용이하게 합니다. - Ajax통신을 쉽게 할 수 있습니다. - 다양한 플러그인을 이용하여 손쉽게 시각적으로 미려하게 꾸밀 수 있어요. (플러그인 : jquery를 기반으로 만들어진 또 다른 라이브러리들) ----------------------------------------------------------------------- 왜 DOM객체 조작이 필요한가? ==> 현재의 자바스크립의 목적은 사용자의 요청에 따라 문서의 일부분만 싸~악 바꿔주는 역할 문서의 일부분만 바꾸어 주려면 일단은 대상이 되는 노드(태그)찾아야 되.. 2022. 2. 19.

티스토리툴바