jQuery

study/Web

HTML 기본_spartacoding 4 (jQuery)(img src 변경)(로딩후 실행)

jquery img src변경 새로고침을 누를때마다 이미지 주소가 변경되어 새로운 사진을 나타내고 싶을때 위와같은 아이디를 가진 이미지를 변경하고 싶다면 let imgurl = response[0]['url'] $('#img-cat').attr('src',imgurl) 아래와 같이 .attr을 사용해줌으로 해결할 수 있다. HTML을 로딩하자 마자 실행 HTML을 로딩하자 마자 실행하고 싶을땐 다음과 같은 코드를 작성 하여 주면 된다. $(document).ready(function () { q1() }); 현재 q1 함수가 들어가 있는란에 원하는 코딩을 하여 사용하면 된다.

study/Web

HTML 기본_spartacoding 3 (jQuery)

jQuery HTML의 요소들을 조작하는 편리한 javascript를 미리 작성해둔 라이브러리! import 하여 html제작시 불러와 사용할 수 있다. jQuery임포트 링크 내에 https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js">"> 구문을 추가하여 jQuery를 임포트 시킬 수 있다. //일반 코드 document.getElementById("element").style.display = "none"; 위의 일반 코드를 jQuery를 활용하여 아래와 같은 코드로 짧고 간결하게 작성할 수 있다. //jQuery를 이용한 코드 $('#element').hide(); Ajax jQuery를 임포트한 페이지에서만 동작가능하다. Ajax 기..

hi_i
'jQuery' 태그의 글 목록