퍼블리싱/J-query (3) 썸네일형 리스트형 제이쿼리 필터링 선택자 제이쿼리 필터링 선택자 제이쿼리 요소를 선택 한 후 필터링 하기 위해 제이쿼리에서 제공하고 있는 메서드를 이요하여 요소를 지정할 수 있다. .first() $("#selector").first() 첫번째 요소 선택 .last() $("#selector").last() 마지막 요소 선택 .eq() $("#selector").eq(index) 선택된 요소 중에서 index에 해당하는 요소 선택 .filter() $("#selector").filter([selector]) 선택된 요소 중에서 해당요소가 있으면 해당요소를 선택 .not() $("#selector").not( [selector] ) 선택된 요소 중에서 해당 요소가 있으면 해당 요소를 제외한 나머지 요소 선택 .has() $("#selector").. 제이쿼리 Ajax 사용법에 대해 알아보자 실무에서 폼메일 사용할때 메일서버 쪽으로 데이터를 보내는 Ajax를 사용한 경험이 있다. 제이쿼리 Ajax Ajax는 웹 페이지를 다시 요청하지 않고 동적으로 서버와 HTTP 통신이 이루어져 데이터를 처리하는 방식이다. 제이쿼리 Ajax 사용법 1. 성공 처리 -> 성공 콜백 함수(success) -> 처리 후 콜백 함수(complete) -> 성공 체이닝(.done) -> 처리 후 체이닝(.always) 2. 실패 처리 -> 실패 콜백 함수(error) -> 처리 후 콜백 함수(complete) -> 실패 체이닝(.fail) -> 처리 후 체이닝(.always) Ajax 사용 옵션 url URL 사용 주소 서버 URL 주소 또는 같은 서버 페이지 위치 data name : 홍길동 key:value 쌍으.. 제이쿼리 이벤트(Event) 종류에 대해 알아보자 이벤트(Event) 란? -전역에 작성된 프로그램은 프로그램이 실행됨과 동시에 실행되지만 함수(Function)으로 묶인 부분은 호출하지 않으면 실행되지않는다. 따라서 원하는 시점에 원하는 기능을 실행하기 위해서는 프로그램이 실행되게끔 설정해줘야 한다. 이런 역할을 하는 것이 Event 이며, 모든 함수는 Event와 연결되어 호출되는 형태를 가진다. -제이쿼리 이벤트 처리방식 -> 객체에 직접적으로 이벤트를 등록한다. $(“div”).click(function(){ alert(“hello”); }); -익명적 함수 function sum(){ alert(“hello”); } $(“div”).click(sum); -선언적 함수 제이쿼리 마우스 이벤트 click 노드(Elements)를 마우스 포인터로 눌.. 이전 1 다음