슬라이드 만들기 2 문제. 1. float로 슬라이드 만들기 2. 슬라이드 마지막 장에서는 첫번째 장으로 돌아오게 하고 첫번째장은 뒤로 안돌아가게 하기 3. setInterval로 슬라이드 자동으로 돌아가게 하기 4. 마우스 오버, 마우스 아웃 됬을때 사진 멈추기(상태값) « » 정답 « » J QUERY 5년 전
슬라이드 만들기1 문제. posit 으로 5개의 이미지가 버튼을 클릭했을때 마다 슬라이드 될 수 있도록 해보세요. (이미지의 마지막장과 가장 첫번째장 이 넘어가면 슬라이드가 동작하지 않도록 하세요. « » 어려웠던점. 버튼을 클릭할때마다 슬라이드 위치가 변경 되어야하는게 어려웠음. img가 jquery 배열에 들어 있으므로 버튼을 한번 클릭할때마다 for문이 5번 돌면서 5개 img의 left 값을 다 바꿔준다. 버튼 클릭시 반복문이 돌면서 imgLeft배열에 있는 5개의 값을 변경해준다. 변경된 배열의 값을 갖고와서 각각의 img 문서에 넣어준다. (1) .css();함수를 사용하면 $(".wrapper img")의 문서객체가 모두 동일한 값을 갖게된다. (2) .each(); 함수를 사용하면 배열에 담겨있는 각각의 h.. J QUERY 5년 전
Jquery Event 연습2 문제1. input요소에 text입력후 추가 button 클릭시 ul요소에 목록으로 추가되게 만들기 (ul요소에 목록 추가 후 focus가 input요소로 오도록하고, 입력된 value 값은 삭제되도록 처리하세요.) 문제2. 목록에 추가된 li 클릭하면 알림 창이 뜬 후, 확인 버튼 클릭시 삭제되도록 하기 답 추가 test J QUERY 5년 전
J query 동작 / Event / Effect .text( ); HTML문서객체의 elements의 contents를 변경 innerText와 관련된 동작 //1. innerText로 값 집어 넣기 //p요소의 contents를 변경한다. $("p").text("gura!"); //2. innerText값을 읽어오기 $("#one").text(); .css( ); CSS를 inline으로 HTML문서객체의 elements에 넣는다. //1. CSS값 집어 넣기 //클래스가 my-class인 요소에 css를 삽입하는 경우 $(".my-class").css("color","red") //2. CSS값 갖을 읽어오기 $("#one").css("font-size") .val( ); value 값과 관련된 동작 //1. value 값을 집어 넣기 //아이디가.. J QUERY 5년 전
J Query 문법 / 옵션 J Query 개요 https://jquery.com/ 자바스크립트를 좀 더 $(선택자) jquery 함수로 html 문서객체를 호출하면 참조값은 배열에 담겨온다. 배열이지만 jquery기능이 추가된 배열로 return 됨. 선택된 문서객체에 대한 동작을 한다. 선택된 문서객체들은 jquery의 동작(기능)이 담겨 있는 array에 담기게 되고, 하나하나의 요소들에게 동작을 입혀준다. 값을 넣어주는 동작을 할 경우, action이 한번끝나면 jquery기능이 합쳐진 배열로 돌려준다.(다음 동작 가능) 값을 읽어오는 동작을 할 경우, 다음 동작을 할 수 없다. //선택된 문서객체들은 모두 동작에 영향을 받는다. $(선택자).action1(값).action2(값). ...; DOM Traversal and .. J QUERY 5년 전
