웹 프로그래밍/jQuery (29) 썸네일형 리스트형 [jQuery] sendProcess를 쉽게 사용: $.ajax(); 아래는 자바스크립트 문법으로 만든 sendProcess 메소드다. 그러나, jQuery를 활용하면 매우 쉽게 이 기능을 사용할 수 있다. let httpRequest = null; function getXMLHttpRequest() { if(window.XMLHttpRequest) { return new XMLHttpRequest(); } if(window.ActiveXObject) { return new ActiveXObject("Microsoft.XMLHTTP"); } return null; } function sendProcess(method, url, params, callback) { // 1. request 객체 생성 httpRequest = getXMLHttpRequest(); // 2. c.. [jQuery] bxslider 라이브러리를 활용하여 이미지 슬라이더 만들기 bxslider.com/ - 사용 방법(1): CDN 방식 - 사용 방법(2): Local에 직접 설치하는 방식 bxslider 홈페이지에 접속합니다. Install 페이지에 들어가면, CDN 방식과 설치방식을 안내해줍니다. 우리는 CDN 방식을 이용해봅시다. jquery 밑에 bxslider 폴더를 하나 만들고, 기본적인 세팅을 합니다. bxslider 기능을 사용하기 위해 css, script 링크를 추가합니다. (import 합니다) 외부의 css 파일을 import 하기 위해 쓰는 태그가 link. css 파일 열어보면 내부에 관련된 내용들이 있다. Examples에 예시가 있다. 여러 옵션을 활용할 수도 있다. bxslider 활용하여 슬라이더 만들기 [jQuery] 슬라이드 기능 구현하기 (버튼, 이미지) 클릭 클릭 setInterval 함수를 통해, 주기적으로 사진위치를 바꿀 수 있습니다. PREV NEXT [jQuery] 태그 인덱싱 // 태그 인덱싱 방법 /* $('img').first() $('img').eq(1) $('img').eq(2) */ [jQuery] 형제 CSS 설정 : siblings, next, nextUntil, prev, prevUtill, prevAll div1 p1-1 span h1 h2 h3 p1-2-1 p1-3 div2 h2 h3 p2-1 [jQuery] 부모, 선조, 자식, 후손 CSS 설정 : parent, parents, children, find, filter div1 ul li span p span [jQuery] 클래스 추가, 제거하기 : addClass, removeClass 나는 문장1입니다 나는 문장2입니다 나는 단락입니다 나는 구역입니다. TEST [jQuery] 태그 삭제하는 방법 : remove, empty remove : 셀렉터까지 지운다. empty : 셀렉터는 두고, 자식들만 지움 나는 홍기리보이동입니다. 나는 윤기리보이 나는 고기리보이 나는 한기리보이동입니다. 나는 강기리보이 나는 박길동입니다. 삭제 이전 1 2 3 4 다음
