전체 글
-
Jquery[제이쿼리] 이미지[img] 변경하기자바스크립트[JavaScript]/제이쿼리[Jquery] 2016. 11. 3. 19:02
안녕하세요~ 주니주니 입니다. 오늘은 제이쿼리[jquery]로 이미지[img]를 변경해보겠습니다. 위화면처럼 셋팅해주세요~ jpg파일들은 'Js_4_img'라는 폴더를 만들어 따로 관리하였습니다. 자 이제 실행을 해보겠습니다. 3개의 이미지들이 이렇게 크게 나왔습니다. 이제 이미지를 수정해보도록하겠습니다. 우선 수정하기에 앞서 alert(); 함수를 이용하여 첫번쨰 이미지의 경로를 확인해보도록 하겠습니다. 위에처럼 코딩을 하시고 실행하면! 경고창이 뜨면서 첫번째 이미지의 경로가 나온답니다. 이제 모든이미지의 경로를 'Js_4_img/3.jpg' 로 바꾸면서 width값을 300으로 바꾸도록 하겠습니다. $('img').
-
Jquery[제이쿼리] CSS변경하기[2]자바스크립트[JavaScript]/제이쿼리[Jquery] 2016. 11. 1. 21:34
안녕하세요~ 주니주니 입니다. 어제에 이어 제이쿼리[jquery]로 테이블CSS를 변경해보겠습니다. 재일먼저 스크립트부분에 제이쿼리[jquery]를 사용할 수 있도록 셋팅! 그다음 위화면처럼 코딩해주세요~ 그리고 실행을 하면! 이렇게 나온답니다. 자 이제 변경해볼까요? $('tr:first').css('background','black').css('color','white'); 이부분은 tr중 first[첫번째] 부분의 background를 black로 color는 white로 바꾼다는 의미입니다. 첫번째 'tr' 부분의 배경이 검정색으로 글자색은 흰색으로 변경된걸 확인할수있어요! 이제 다른 'tr'부분도 변경해 보도록하겠습니다. 이번에는 홀수 부분의 'tr'을 변경해보도록하겠습니다. ※주의 : 테이블의..