Developer Gonie

1-1) .text() 문자열 에서 문자열을 반환해줌 1-2) .text(문자열) 에서 문자열을 텍스트 영역에 삽입해줌 2) .val() 요소에 입력되어 있는 문자열(value의 값)을 반환해줌 select 요소에서 선택된 option의 value 값을 가져올 때도 사용함 text() 사용예시 val() 사용예시

1) .empty() 특정 요소의 자손만을 지움 2) .remove() 자신을 포함한 자손까지 없애버림 사용예시

* ajax와 비슷하게 페이지의 일부를 동적으로 교체하기 위해 사용되는것 같다. 1) .load() 특정 요소의 자식으로 다른 파일의 html 코드를 추가(단, 기존에 존재하던 자손들을 모두 지우고) html()함수와 매우 비슷한데, 다른 파일의 html 코드를 가져와 동작한다는 점이 다르다. 파일 이름과 함께 선택자를 사용하면 html 파일에서 특정 요소만 읽어올 수 있기도 하다. 사용예시

* Java에서는 멤버변수가 있는 클래스를 먼저 정의하고, 이를 이용해 객체를 만들 수 있었다. 하지만, javascript에서는 Object 타입의 객체를 먼저 만들고 여기에 멤버변수를 추가하는 방식을 사용한다. 방법1 방법2 방법3: ArrayList 같은 느낌으로 객체들의 배열을 만드는 법

* html()는 다른 기능도 있는데, 인자를 주지 않고 사용하면 특정 요소의 html 코드 자체를 가져올 수도 있음. 1) .html(html코드가 담긴 문자열 변수) 특정 요소의 자손들을 모두 지우고, html 코드를 삽입한다. 2). html() 특정 요소의 html 코드 자체를 읽어온다. 인자를 주고 사용한 경우의 예시 인자를 주지않고 사용한 경우의 예시

* before()와 after()는 단순히 반대되는 것 같지만 살짝 더 다름 1-1) .before() 특정 요소의 형제로 추가하되, 그 요소의 앞에 위치한 형제들 중 맨 뒤에 추가 1-2) .insertBefore() 기능은 위와 같으나 파라미터의 앞, 뒤 위치가 바뀐다.(가독성을 위한 코드를 작성할 때 사용되는 듯 하다) 2-1) .after() 특정 요소의 형제로 추가하되, 그 요소의 앞에 위치한 형제들 중 맨 앞에 추가 2-2) .insertAfter() 기능은 위와 같으나 파라미터의 앞, 뒤 위치가 바뀐다.(가독성을 위한 코드를 작성할 때 사용되는 듯 하다) 사용예시

1-1) .append() 특정 요소의 바로아래 자식으로 추가하나, 그 자식들 중 맨 아래(뒤)에 추가 1-2) .appendTo() 기능은 위와 같으나 파라미터의 앞, 뒤 위치가 바뀐다.(가독성을 위한 코드를 작성할 때 사용되는 듯 하다) 2-1) .prepend() 특정 요소의 바로아래 자식으로 추가하나, 그 자식들 중 맨 위(앞)에 추가 2-2) .prependTo() 기능은 위와 같으나 파라미터의 앞, 뒤 위치가 바뀐다.(가독성을 위한 코드를 작성할 때 사용되는 듯 하다) 사용예시

1) .add() 적용하는 어느 부분이 있을 때, 다른 선택자에도 그 일의 일부를 적용시켜주고 싶을 때 사용 $('div').addClass('redBorder yellow') .add('p').addClass('aaaa'); // 위의 것을 나눠서 작성해본 코드(동작결과가 같음) $('div').addClass('redBorder yellow').addClass('aaaa'); $('p').addClass('aaaa');

1) .remove() 지정한 요소를 html 코드에서 제거함

1) .click(function(){ }) 요소에 onClick 속성 대신 이벤트 처리 함수를 붙여줌으로써 이벤트를 처리할 수 있음 어트리뷰트 연습 어트리뷰트 값 제거하기

여러 함수들 1) .attr(속성, 값) 속성과 값을 추가 * attr() 함수를 이용한 속성, 값 추가를 여러개 할 때 더 가독성이 좋게 이런식으로도 여러개 나열도 가능 * 왼쪽항은 작은 따옴표가 있어도 되고 없어도 되나, 오른쪽 항은 무조건 있어야 함 .attr({ 'src' : './../images/im0.jpg', 'title' : '강아지 이미지' }) 2) .attr("속성") *파라미터의 개수로 다른 기능을 가지는 오버라이딩 된 함수* 속성에 대한 값을 반환 3) .removeAttr("제거할 속성명") 속성을 제거한다. 사용예시