jQuery(8)

변수의 스코프, 브라우저 내장객체, 변수 호이스팅, 아규먼트(arguments), this, return, closure 클로저, each fnc, 이펙트-(animatem hide, show, fadeOut, fadeIn, slideUp, slideDown)

-------------------------------------변수의 스코프------------------------------------- 변수의 스코프 - 변수의 접근범위를 지정하는 것이다. - 스코프의 종류 - 전역변수(Gloval Scope) function 밖에서 정의한 변수는 전역변수가 된다. function 안에서 변수를 정의할 때 var를 사용하지 않으면 전역변수가 된다. 스크립트 코드 전체에서 접근할 수 있다. - 지역변수(Local Scope) function 안에서 정의한 변수는 지역변수가 된다. 예시) // 전역변수 선언하기 var username = "홍길동"; function fn1() { // 지역변수 선언하기 var x = 10; // var를 안쓰면 전역변수가 된다. ..

2019. 6. 25. 10:02
Gson과 JSON.parse의 차이, XML, DOM, Document, Element, jQuery의 for문 (each 의 종류), XML파일(데이터) get방식으로 불러와 사용하기, 외부XML, 외부JSON불러와 사용하기, $.get, $.ajax

--------------------------------------Gson과 JSON.parse의 차이-------------------------------------- Gson() - 서버에서 자바 코드를 Gson(자바객체)에 담아서 JSON 코드로 컴포트(변환) 해주는것 JSON.parse(); - 서버에서 받아온 JSON 코드를 JSON.parse(jsonText)를 해서 자바스크립트 코드로 컴포트(변환)해준다. - jQuery를 쓸경우에는 알아서 되기때문에 사용할 필요없다. 자바스크립트의 JSON 라이브러리 - JSON.parse(jsonText) - jsonText를 자바스크립트객체 혹은 자바스크립트 배열로 변환 var text = '{"name":"홍길동", "age":10}' var ob..

2019. 6. 24. 09:58
script 위치의 따른 사용법, Ajax, JSON 및 jQuery + Ajax + JSON 사용 예제

------------------------------------script 스크립트 사용법----------------------------------- $('선택자') - 선택자에 해당하는 엘리먼트가 포함된 jQuery집합객체를 제공한다. $('선택자').조작함수() $(엘리먼트객체) - 엘리먼트객체가 포함된 jQuery집합객체를 제공한다. $(엘리먼트객체).조작함수() $(도큐먼트객체) - 도큐먼트객체가 포함된 jQuery집합객체를 제공한다. $(도큐먼트객체).조작함수() $('html컨텐츠') - 'html컨텐츠'로 표시된 엘리먼트(태그)가 포함된 jQuery집합객체를 제공한다. $('html컨텐츠').조작함수() $(함수) - HTML문서를 해석해서 생성된 도큐면트객체가 준비다 괴면 함수가 자동..

2019. 6. 20. 18:13
각 함수의 변수사용 (this, el, index), 메소드 체이닝, 추가적인 메소드 사용법 (append -> appendTo), 이벤트 처리 종류

-----------------------------------각 함수의 변수사용 (this, el, index)-------------------------------- 이벤트 처리 선택자함수로 선택된 엘리먼트들(버튼들)에서 이벤트 발생시(클릭이벤트) 실행될 함수(이벤트핸들러함수)를 jQuery의 click() 메소드를 사용해서 선택된 버튼에 이벤트핸들러함수를 연결짓는 것 $('button').click(function(event) { // this

2019. 6. 19. 18:55
jQuery 이벤트 메소드 사용 예시, each, 예시( 모달 chang(), scroll, focus, blur), 이벤트 버블링, 이벤트 주요 메소드( event.preventDefault(), event.stopPropagation(), event.stopImmediatePropagation() )

이벤트 간편 메소드 ====================================================================== // 클릭이벤트 $(select).click(function(event){}) 선택자로 선택된 엘리먼트에서 클릭이벤트 발생시 실행될 함수를 등록한다. $(select).dbclick(함수) 더블클릭 이벤트 발생시 실행될 함수를 등록한다. // 마우스이벤트 $(select).mouseenter(함수) 마우스 포인트가 엘리먼트 안으로 들어왔을 때 실행될 함수 등록 $(select).mouseleave(함수) 마우스 포인트가 엘리먼트 밖으로 나갔을 때 실행될 함수 등록 $(select).hover(함수1, 함수2) 마우스 포인트가 엘리먼트 안으로 들어오면 함수1, ..

2019. 6. 18. 19:00
jQuery 클래스 조작함수, 엘리먼트(태그) 추가하기, 엘리먼트 지우기, 복제, .first, .eq, .gt, .lt 등등 :first 차이, filter(), find(), end(), 돌아다기니 메소드(traberse), 이벤트 메소드, 이벤트 간편 메소드, ..

html 컨텐츠, 값, 속성, 조회 및 변경 조회 입력 ---------------------------------------------------------------------------------------------------------------------------- 텍스트 컨텐츠 $(selector).text() $(selector).text('문자') HTML 컨텐츠 $(selector).html() $(selector).html('html코드') 폼입력값 $(selector).val() $(selector).val('value') 속성 $(selector).attr('attrName') $(selector)attr('attrName', 'attrValue') 프로퍼티 $(selector)..

2019. 6. 17. 19:21
1 2

티스토리툴바