FU11M00N

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅입니다. - jQuery 노드 변경 API jQuery에서 노드를 제어하는 기능은 주로 Manipulation 카테고리에 속해 있습니다. 아래 링크는 jquery api manipulation 관련 링크입니다. http://api.jquery.com/category/manipulation/ Manipulation | jQuery API Documentation Adds the specified class(es) to each element in the set of matched elements. Insert content, specified by the parameter, after each element in the set of mat..

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅입니다. - selector context 가장 간편한 방법은 조회할 때 조회 범위를 제한하는 것입니다. 그 제한된 범위를 jQuery에서는 selector context라고 합니다. html css JavaScript JavaScript Core DOM BOM 선택자를 아래와 같이 작성해도 결과는 동일합니다. $( ".marked", "#active").css( "background-color", "skyblue" ); - .find() find는 jQuery 객체 내에서 엘리먼트를 조회하는 기능을 제공합니다. 아래의 코드는 위의 예제와 효과가 같습니다. $( "#active").find('.marked').css( "backgroun..

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅입니다. - 속성제어 jQuery 객체의 메소드 중 setAttribute, getAttribute에 대응되는 메소드는 attr입니다. 또한 removeAttribute에 대응되는 메소드로는 removeAttr이 있습니다. opentutorials 위 그림과 같이 href 속성이 제대로 출력되는 것을 알 수 있습니다. - attribute와 property DOM과 마찬가지로 jQuery도 속성(attribute)과 프로퍼티를 구분합니다. 속성은 attr, 프로퍼티는 prop 메소드를 사용합니다. opentutorials 마치 Atrribute 방식과 Property 가 다른것처럼 attr과 prop는 결괏값이 차이가 납니다. 이 둘의 ..

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅입니다. - jQuery 객체란? Query 함수의 리턴값으로 jQuery 함수를 이용해서 선택한 엘리먼트들에 대해서 처리할 작업을 프로퍼티로 가지고 있는 객체입니다. jQuery 함수와 jQuery 객체의 차이는 분명하게 알아둘 필요가 있습니다. jQuery 함수는 $() 를 의미하는 것입니다. jQuery 객체는 제이쿼리 함수의 리턴 값이 되는 것입니다. - 암시적 반복 jQuery 객체의 가장 중요한 특성은 암시적인 반복을 수행한다는 것입니다. DOM과 다르게 jQuery 객체의 메소드를 실행하면 선택된 엘리먼트 전체에 대해서 동시에 작업이 처리됩니다. 암시적 반복은 값을 설정할 때만 동작합니다. 값을 가져올 때는 선택된 엘리먼트 ..

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅입니다. - 라이브러리 라이브러리는 모듈과 비슷한 개념입니다. 하지만 모듈은 프로그램을 구성하는 작은 부품으로써 로직을 의미한다면 라이브러리는 자주 사용되는 로직을 재사용하기 편리하도록 정리가 되어있는 코드들의 집합이라고 할 수 있습니다. 프로그래밍을 할 때 라이브러리를 만들어서 사용하는 것도 좋지만, 이미 좋은 라이브러리가 많기 때문에 잘 알아보고 선택하여 사용하는 것은 코딩을 할 때에 효율성을 높일 수 있습니다. - 라이브러리 사용 (jQuery) empty empty empty empty 위의코드는 버튼을누르면 "empty"라고 가진 문자열 텍스트를 "good~" 으로 바꾸는 코드입니다. 해당코드의 중요한 부분만 간단히 설명하자면...