Developer Gonie

1) .live() 특정 요소에 이벤트 핸들러를 붙여준다.(append()로 같은 요소가 추가되면 다른 요소에서도 이벤트 핸들러가 작동한다.) 2) .die() 이벤트 핸들러를 해제한다.(live() 로 설정한 것에 대해서만 가능. bind()로 붙여준건 unbind()를 이용해야 한다.) 사용예시

* bind()를 사용하여 이벤트 핸들러를 붙일시, append()로 추가된 요소에는 이벤트 핸들러가 붙지 않으므로 새로 추가된 요소에도 이벤트 핸들러가 붙게 하고 싶다면 live(), die()를 대신해서 사용해라 https://ldgeao99-developer.tistory.com/488 1) .bind() 특정 요소에 이벤트 핸들러를 붙여준다.(단, append()로 추가된 다른 요소에는 이벤트 핸들러가 위임되지 않음) 2) .unbind() 이벤트 핸들러를 해제한다.(bind()로 설정한 것만 가능. live()로 붙여준건 die()로 해제시켜야 함) 두가지 이상의 이벤트에 대해 동일한 작업이 수행되게 하고 싶을 때 $('img').bind('click mouseover', function(){ ..

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 파일에서 특정 요소만 읽어올 수 있기도 하다. 사용예시

* 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 속성 대신 이벤트 처리 함수를 붙여줌으로써 이벤트를 처리할 수 있음 어트리뷰트 연습 어트리뷰트 값 제거하기