Web/jQuery27 [JQuery 기본 개념] JQuery문법-css Selecotor/속성을 활용한 Selector 종류 2.2.1 CSS셀렉터의 종류-$(this): 자기 자신을 나타냄. -$("*"): 모든 엘리먼트를 선택. $('*'): 모든 엘리먼트 선택 $('p>*'): p 엘리먼트안의 모든 자식 엘리먼트를 선택 -$("#id"): $('#center_div'): id 가 center_div 인 엘리먼트를 선택 -$(".class name"): $('.subject') : class 가 subject 인 모든 엘리먼트를 선택 -$("element name"): $('div'): 문서안의 모든 div 엘리먼트를 선택 $('font'): 문서안의 모든 font 엘리먼트를 선택 2.2.2 속성값을 활용한 셀렉터-요소 에 정의된 특정 속성값을 사용하여 요소를 선택할 수 있다. l $(Selector[attr])attr속성.. 2016. 6. 23. [JQuery 기본 개념] JQuery문법-$/Selector/CSS Selector 1. jQuery 문법1.1 기본 문법-$(선택자).(‘color’, ‘red’);-$()는 jQuery의 함수이다. 이 함수의 인자로 CSS 선택자(li)를 전달하면 jQuery 객체라는 것을 리턴-이 객체는 선택자에 해당하는 엘리먼트를 제어하는 다양한 메소드를 가지고 있다.-$(document).ready()는 문서가 준비되면 매개변수로 넣은 콜백 함수를 실행하라는 의미이다. 2.1.1 jQuery 와 $-자바스크립트의 식별자로 사용할 수 있는 특수 기호는 $와 _이다.-Jqeury의 코드를 보면 다음과 같은 부분이 있다.-window.jQuery=window.$=jQeryè jQuery 식별자를 $로 대체했을 뿐. 따라서 $식별자가 아니라 jQeury를 사용해도 된다.è 하지만 일반적으로 $를 사용.. 2016. 6. 23. [JQuery 기본 개념] jQuery 사용 이유 1.1 javascript vs jquery탭을 클릭했을 때 포커스를 변경하는 예제를 javascript와 jquery로 구현했을 때를 비교해본다. 2016. 6. 23. [JQuery 기본 개념] jquery란/jqeury 사용방법 1. JQuery-JQuery란 자바스크립트 라이브러리이다.-Javascript를 좀 더 쉽게 사용하려고 만들어졌다.-DOM 형식의 JavaScript 코드는 복잡하고 긴 이지만 JQuery는 좀더 직관적이고 짧고 단순하다. à Ex) ID를 호출 하는 경우, JavaScript 는 document.getElementById('ID') 라고 써야 하지만,JQuery 는 $('#ID') 로 표시할 수 있다. -자바스크립트에는 prototype, jQuery, YUI 등의 다양한 라이브러리들이 있음.-크로스 브라우저를 지원한다.-라이브러리란 자주 사용하는 코드들을 재사용할 수 있는 형태로 가공해서 프로그래밍 효율을 높여주는 코드들을 의미. 1.1 사용방법1. CDN 호스트를 통해 JQuery를 불러오는 방법.. 2016. 6. 23. [Javascript 기본 개념] Javascript 문법-함수와 콜백 1.1 값으로서의 함수와 콜백JavaScript에서는 함수도 객체다. 다시 말해서 일종의 값. Ex) var process = [ function(input){ return input + 10;}, function(input){ return input * input;}, function(input){ return input / 2;} ]; var input = 1; for(var i = 0; i < process.length; i++){ input = process[i](input); } alert(input); à 1+10 à11*11 à121/2 à 결과값 60.5 2016. 6. 23. [Javascript 기본 개념] Javascript 문법-유효범위(scope) 1.1 유효범위-유효범위(Scope)는 변수의 수명을 의미 EX) var vscope = 'global'; function fscope(){ var vscope = 'local'; alert('함수안 '+vscope); } fscope(); alert('함수밖 '+vscope); à 지역변수와 전역변수가 동시에 정의되어 있다면 지역변수를 우선시 한다 à 따라서 결과값은 ‘함수안 local’과 ‘함수밖 global’이다. EX) 자바스크립트에서 로직을 모듈화하는 일반적인 방법 && 불가피하게 전역변수를 사용해야 하는 경우 하나의 객체를 전역변수로 만들고 객체의 속성으로 변수를 관리하는 방법 (function(){ var MYAPP = {} MYAPP.calculator = { 'left' : null, '.. 2016. 6. 23. 이전 1 2 3 4 5 다음