지식 창고

Chain이란? jQuery의 메소드들은 반환값으로 자기 자신을 반환해야 한다는 규칙을 가지고 있다. 이를 이용하면 한번 선택한 대상에 대해서 연속적인 제어를 할 수 있다. 예제1. jQuery를 이용해서 코딩하는 경우 1 2 3 4 5 6 7 8 9 jQuery 예제2. javascript의 DOM을 이용해서 코딩하는 경우 1 2 3 4 5 6 7 8 9 10 11 jQuery chain의 장점 코드가 간결해진다. 인간의 언어와 유사해서 사고의 자연스러운 과정과 일치함. 탐색(traversing) chain의 대상을 바꿔서 체인을 계속 연장시킬 수 있는 방법 http://api.jquery.com/category/traversing/ taeyo.net jQuery traverse 강좌 너무 복잡한 ch..

예제) select_02_merge.html 예제) selextor_02_01.html 예제) selextor_02_02.html 예제) selextor_02_03.html 예제) selextor_02_04.html https://www.youtube.com/watch?v=W3wqHEJn8Og&list=PLrCCNh6y7w2g6U7RX_v-TOefyRPiO32jT https://opentutorials.org/course/53/59 선택자 - 생활코딩 선택자란? jQuery wrapper에는 CSS 선택자가 위치할 수 있는데, 이를 통해서 제어하려는 엘리먼트를 빠르고 정확하게 지정할 수 있다. 선택자 탐색기 body{ opentutorials.org

선택자란? jQuery wrapper에는 CSS 선택자가 위치할 수 있는데, 이를 통해서 제어하려는 엘리먼트를 빠르고 정확하게 지정할 수 있다. 예제)

레퍼(wrapper)란? jQuery(엘리먼트 오브젝트 | 'CSS스타일 선택자') 붉은색으로 표시한 부분이 레퍼, 인자로 전달된 요소들에 jQuery의 기능성을 부가해서 반환 레퍼의 안전한 사용 $(엘리먼트) 와 jQuery(엘리먼트)는 같은 의미이지만 $를 사용하는 다른 라이브러리들과의 충돌 때문에 다음과 같은 방법을 사용한다. 1 2 3 4 - 1 2 3 4 5 6 제어 대상을 지정하는 방법 jQuery( selector, [context] ) jQuery( element ) 예제 1. jQuery( selector, [context] ) 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 test2 test 예제 2. jQuery( element ) 1 2 3 4 5 ..

1. id tag 텍스트 변경하는 경우 1) jQuery를 사용하지 않은 경우 2) jQuery를 사용하는 경우 ( # + id tag name ) 2. CSS 적용하는 경우 1) jQuery를 사용하지 않는 경우 2) jQuery를 사용하는 경우 ( style을 사용하는 경우 ) 3) jQuery를 사용하는 경우 ( style을 사용하지 않는 경우 )

* online test site : https://jsfiddle.net/ * 참고 site : http://www.w3big.com/ko/html/default.html * API Document : https://api.jquery.com/ * 생활코딩 site : https://opentutorials.org/course/53 1. jQuery란 무엇인가? 1) Element를 선택하는 강력한 방법 2) 선택된 Element를 효율적으로 제어할 수 있는 다양한 수단을 제공 3) Java Script 라이브러리 2. jQuery 테스트하기 * "https://www.w3schools.com/css/tryit.asp?filename=trycss_default" site에서 간단하게 테스트 가능. " ..