본문 바로가기

javaScript

(22)
javaScript 선택한 요소의 인덱스 번호에 해당하는 요소를 찾습니다. https://webzz.tistory.com/90 [jQuery] .eq() .eq() 선택한 요소의 인덱스 번호에 해당하는 요소를 찾습니다. .eq() 선택한 요소의 인덱스 번호에 해당하는 요소를 찾습니다. 문법(Syntax) $("선택자").eq("숫자"); 정의(Definition) 선택한 요소의 형제 webzz.tistory.com javacpro.tistory.com/40 [제이쿼리/jQuery] 필터셀렉터(:) . :first :last :even :odd :eq :gt :lt :has :not 요약 :fitst 첫번째로 일치하는 요소를 가져온다. :last 마지막으로 일치하는 요소를 가져온다. :even 짝수번째 요소를 모두 가져온다 ( first index : 0 ) :odd 홀수번째 요..
제목정해라 나이:세 숫자가 아닌 문자로 입력하면, 포커스를 잃을 때 경고가 표시됩니다 우편번호 입력란T:- 입력:확인: 이미지 버튼을 마우스로 클릭하면, onmousedown버튼을 떼면, onmouseup이벤트가 발생한다
[javaScript] div(p1), div(p2) 추가 및 checkbox 선택하여 이름 나태기 여기가 h1태그여기가 p태그 클릭 div p1div p2 div태그에 추가 지정태그 앞에 추가 삭제 01 아우디23 BMW45 Volvo67 Saab89 자동차 명 자동차선택
[javaScript] 로그인 (jsp 연동) ★★ ------- HTML 로그인 아이디 비밀번호 ------ JSP 여기는 jsp 공간입니다.
[javaScript] 자바스크립트의 기본 문법과 연산자 자바스크립트에서 기본적으로 사용하는 문법 과 변수들을 연산하는 연산자 에 대해 학습합니다.기본 문법자바스크립트 문법은 기본적으로 C / C++이나 Java와 비슷하다.세미콜론(;)으로 문장이 종료되어야 한다.필수는 아니지만 붙여주는 것이 좋다.변수 이름은 항상 알파벳이나 밑줄(_ )로 시작되어야한다.대, 소문자는 구별한다.예약어 는 변수이름으로 사용할 수 없다.중괄호를({ }) 이용하여 구역을 나눈다.C / C++ 과 같은 구조의 조건문과 반복문을 가지고 있다.실습var a = 1; // 기본 변수의 선언 b = 2; // 그냥 선언하는 것도 가능하다 var c = 1, d = 10; // 여러개를 한번에 선언하는 것도 가능하다. var str = "hello"; var str2 = "world"; va..
[javaScript] 클라이언트 사이드 자바스크립트 클라이언트 사이드에서 사용되는 자바스크립트에 대해 학습합니다.클라이언트 사이드 자바스크립트자바스크립트가 일반적으로 가장 널리 사용되고 있는 분야 ( 클라이언트 사이드 )웹브라우져에서 동작하는 웹개발 분야 HTML / CSS 와 결합하여 개발되며 해당 HTML 페이지의 문서 객체 모델인 DOM( Document Object Model )과의 상호 작용을 통해 특정 기능을 수행하는 형태로 구성된다. 클라이언트 사이드에서 수행하는 기능 Ajax를 이용하여 새로운 내용을 페이지의 전환이나 새로 고침 없이도 동적으로 로딩 하거나 반대로 서버로 데이터를 보내어 동적인 페이지 를 생성한다. 페이지를 구성하는 요소에 대해 애니메이션을 추가한다. (페이드인, 페이드아웃, 크기 변경 등) 오디오를 재생하거나 동영상을 재생..
[javaScript] 자바스크립트의 콜백 함수 자바스크립트에서는 함수가 데이터로도 쓰이고 특별히 이름을 지어주지 않아도 사용할 수 있다는 점에서 발생하는 특징이 바로 콜백 함수 이다.콜백 함수특정 이벤트가 발생하면 호출되는 함수버튼 클릭, 네트워크를 통해 어떤 데이터가 도착 등의 이벤트가 발생했을 때 동작하는 특정 함수를 정의할 수 있다. 함수 인자로서 함수를 넘겨주기 function one(){ return 1; } var two = function () { return 2; } function invoke_add_add(a, b) { return a()+b(); } invoke_add_add(one, two); // 3 one()과 two() 함수 그 자체가 invoke_add_add() 라는 함수의 인수로 전달된다.invoke_add_add()..
[javaScript] 자바스크립트의 상속 상속은 이미 작성된 코드를 재사용하는 아주 훌륭한 방법이다. 객체지향 방법론으로 잘 설계된 프로그램은 상속 개념을 효율적으로 사용하고 있을 것이다.자바스크립트의 상속자바스크립트는 객체지향 언어이기 때문에 객체에 대한 상속을 나타내줄 수 있다.예제function Man(){ this.name = "Anonymous"; this.gender = "Man"; this.Run = function (){ return this.name+" is Running."; } this.Sleep = function () { return this.name+" is Sleeping." } } Man 속성을 가진 객체 생성 function SoccerPlayer (){ this.base = new Man(); this.name ..