⁂ jQuery/: 기본 익히기

[jQuery] #5 each 반복문

1. 제이쿼리의 each 반복문 이번 게시글에서는 제이쿼리에서 자주 쓰이는 each 반복문을 알아보려한다. 참조 : https://www.w3schools.com/jquery/misc_each.asp jQuery Misc each() Method W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more. www.w3schools.com each 반복문을 연습해보기 위해 버튼과 공간을 만든 뒤 버튼을 누르면 구구단 ..

[jQuery] #4 속성 관련 메소드

1. 요소와 속성 위의 코드를 살펴보자. 태그는 요소(element) 라고 불린다. 그리고 그 안에 있는 src, alt, tilte과 같은 것들을 속성(property, attribute)이라고 부른다. jQuery에서 요소에 접근을 하는 메서드로 우리는 이전 게시글에서 text(), html(), css() 와 같은 것을 배웠다. 그리고 이번 게시글에서는 속성에 접근하는 함수를 배우려한다. 각 영어의 앞자리를 따서 prop(), attr() 함수가 있다. 1) title 값 가져오기 위의 코드에서 의 title 값을 가져오는 방법은 아래와 같다(getter 개념). $("button:eq(0)").click(function(){ // alert(); // 요소의 title 속성값 가져오기(getter..

[jQuery] #3 jQuery에서 자주 사용하는 함수 - text(), html(), css() + chaining

1. jQuery에서 사용되는 여러 함수들 jQuery에서 사용되는 여러 함수들이 있다. 그 중에서 가장 흔히 쓰여지는 함수를 알아보려한다. 2. text()와 html() 1) Get과 Set 자바에서도 봤었던 Get과 Set이다. jQuery에서는 대부분 getter와 setter 함수 이름을 같이 사용한다. 이 함수에서 변수가 단일인지, 두 가지인지를 보면 대부분 함수가 갖고 있는 get과 set의 성질을 구분해낼 수 있다. get의 성격을 갖고 있다면 그 함수에 따라 오는 변수는 단일 변수이다. 무언가를 가지고 와야하기 때문이다. 이러한 get 함수 중 가장 기본적인 함수 중 text와 html을 알아보자. 2) text() 와 html() ① text() : 선택된 요소의 문자열을 반환시킨다. ..

[jQuery] #2 이벤트(Event) - click으로 연습해보기

1. 제이쿼리에서 이벤트 발생시키기 1) 버튼 만들기 제이쿼리에서 이벤트를 발생시켜보자. 우선 회원가입에 대한 기본적인 버튼들을 만들어보려한다.

[jQuery] #1 jQuery 시작

1. 제이쿼리? 자바 스크립스를 기반으로 하는 오픈 소스는 여러 가지가 있다. jQuery, Bootstrap, moment, AJAX, AngularJS, react 등등.. 이 중에서 jQuery부터 먼저 배워보자. 제이쿼리는 웹사이트에 자바스크립트를 쉽게 활용할 수 있도록 도와주는 오픈소스 기반의 자바스크립트 라이브러리다. “write less, do more(적게 작성하고, 많은 것을 하자)”라는 모토로 2006년 미국의 SW 개발자 존 레식(John Resig)이 발표하였다. jQuery를 이해하기 위해선 무엇보다도 자바스크립트, 그리고 HTML과 CSS에 대한 기본적인 개념이 잡혀있어야 한다. 이전의 글들을 살펴보며 배웠던 것들을 다시 꺼내어 확인하는 것도 필요할 것 같다. https://dd..