Developer Gonie

* 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("제거할 속성명") 속성을 제거한다. 사용예시

형제, 부모관련 선택자 1) .siblings() 선택자로 지정것 앞, 뒤의 모든 형제들(자신제외) -> .prev()와 .next() 의 합집합 2) .parent() 선택자로 지정것의 바로 위 부모의 모든 자식들 3) .prev() 선택자로 지정것 바로 앞의 형제(자신제외) 4) .prevAll() 선택자로 지정것 앞의 모든 형제들(자신제외) 5) .next() 선택자로 지정것 뒤의 바로 다음 형제(자신제외) 6) .nextAll() 선택자로 지정것 뒤의 모든 형제들(자신제외) 적용예시

이 게시글에서 가이드 해주는 부분 0. 맨 앞에 체크박스 추가 1. 맨 위의 체크박스로 전체선택, 전체선택해제 하는 기능 2. 여러개 선택된 행들의 primary key 값을 전달해 이들을 동시에 삭제하는 기능 0. 맨 앞에 체크박스 추가 1) 맨 위의 체크박스 추가 2) 그 아래의 모든 체크박스 추가 * 위의 체크박스와 name 속성의 값이 다르다는 점에 유의하자. * 여기서는 체크박스를 추가할 때, value 값으로 이 행을 식별할 수 있는 값을 넣어줘야 한다.(테이블의 primary key) 1. 맨 위의 체크박스로 전체선택, 전체선택해제 하는 기능 1) 요소가 요소의 자식이 되도록 만들어줘하며, name과 action 속성을 추가. 2) 맨위의 체크박스에 onClick 속성을 추가하고 사용자 정의..

1) .parent() 특정 요소의 바로위 부모를 지정하는 선택자 2) parents() 특정 요소의 모든 조상을 지정하는 선택자(거의 전체 다 선택되는 특정때문에 쓸일이 있을까? 그래도 알아두자) 사용예시

1) .children() 특정 요소의 바로 아래 자식들 중에서 특정 조건에 부합하는 것들을 골라내기 위해 사용 2) .find() 특정 요소의 모든 자손들 중에서 원하는 것을 골라내기 위해 사용 사용예시