본문 바로가기

모던웹을 위한 JavaScript+jQuery 입문6

AJAX) 요청 매개 변수 처리 public ActionResult ActionWithData(string name, string age) { return Content("" + name + ":" + age + ""); } 2012. 3. 18.
jQuery) 이벤트 연결 bind() - 클릭할때마다 글에 '+'가 붙는 에제 jQuery를 사용해 이벤트를 연결하는 가장 기본적인 방법은 bind() 메서드를 사용하는 것이다. Header0 Header1 Header2 ㅠㅠ 나도 소스코드만 따악 예쁘게 넣고 싶은데 그게 내 맘처럼 안되서 아쉽다. 역시 내 곁에는 표 뿐인가.. 2012. 3. 11.
jQuery) 지속적 이미지 순서 변경 (문서 객체의 이동) 기존에 존재하는 문서 객체를 선택하고 문서 객체 삽입 메서드를 사용하면, 문서 객체를 쉽게 다른 곳으로 이동시킬 수 있다. setInterval() 함수를 사용했기 때문에 2초마다 문서 객체의 순서를 변경할 수 있다. 코드를 실행하면 첫 번째 이미지가 계속 body 태그의 뒷부분으로 옮겨지므로 이미지 순서가 계속 변경된다. //헤드에 넣어준다. $(document).ready(function () { //$('img').first().appendTo('body'); //.image의 크기를 조정합니다. $('img').css('width', 250); //함수를 2초마다 실행합니다. setInterval(function () { //첫 번째 이미지를 마지막으로 보냅니다. $('img').first().a.. 2012. 3. 10.
jQuery) 자바스크립트의 배열 객체가 아닌 jQuery의 배열 객체를 다루는 방법 jQuery의 배열 객체는 따로 만드는 것이 아니라 선택자를 사용해 여러 개의 문서 객체를 선택할 때 생성된다. item - 0 item - 1 item - 2 item - 3 item - 4 2012. 3. 9.
jQuery) 필터 선택자를 사용한 테이블 줄무늬 이름 혈액형 지역 강민수 AB형 충청북도 구지연 B형 충청남도 김미화 O형 경상도 김선화 O형 서울특별시 남기주 O형 제주도 윤하린 O형 전라도 2012. 3. 9.
jQuery) 속성 선택자 선택자 형태 설명 요소[속성] 특정 속성을 가지고 있는 문서 객체를 선택합니다. 요소[속성=값] 속성 안의 값이 특정 값과 같은 문서 객체를 선택합니다. 요소[속성~=값] 속성 안의 값이 특정 값을 단어로써 포함하는 문서 객체를 선택합니다. 요소[속성^=값] 속성 안의 값이 특정 값으로 시작하는 문서 객체를 선택합니다. 요소[속성$=값] 속성 안의 값이 특정 값으로 끝나는 문서 객체를 선택합니다. 요소[속성*=값] 속성 안의 값이 특정 값을 포함하는 문서 객체를 선택합니다. 2012. 3. 9.