초보개발자 초보개발자

jQuery

• jQuery(컨텍스트)

  jQuery 2020. 4. 22. 12:42

  1) $(function(){ }) : window.onload와 유사 - callback 함수 - $(document).ready(function(){}) -> 에 대한 이벤트핸들러 함수 지정한 것 2) list = $("h2"); - h2태그들을 list에 저장 - jscript와는 다르게 list[0] 이런식으로 접근 불가 --> list.eq(index) 이런식으로 인덱스에 접근가능 3) list.on("click",function(){ }) - list를 클릭하는 이벤트가 발생하면 function(){}을 실행하겠다!! 4) $(this).css("display","none") - 이벤트가 발생한 h2 즉, 클릭당한 h2의 css의 dispaly를 none으로 만들어 주겠다. 5) list.sh..

  Read More
• jquery(기본설정)

  jQuery 2020. 4. 21. 13:40

  jQuery 사용하기 위한 기본 설정 1. www.jQuery.com 에서 js파일 다운로드 2. 외부 js 연결 jQuery 기본 1) jQuery = $ 2) window.onload(){} = $(document).ready(function(){}) 3) document.getElement("#id") = $("id")

  Read More
• js(file 객체)

  jQuery 2020. 4. 21. 10:35

  File 객체 input type = "file" 로 설정하고 실행해보면 이런 창이 뜬다. script에서 파일의 정보를 변수에 넣을때 id값으로 한개의 input type ="file"의 정보를 넣을 때도 뒤에 .files[index]를 붙여줘야하는데 file은 기본적으로 multiple 기능(한번에 여러개의 파일 선택가능)을 가지고 있어서 저렇게 인덱스로 접근해주어야 한다. 파일 객체 정보 얻기 실행해보면 이미지 파일인지 아닌지 구분해서 출력

  Read More
• [js] Null check, 빈 값 체크

  jQuery 2020. 4. 20. 17:21

  Java script 자료형에서 false로 반환되는 값 1) "" 2) null 3) undefined 4) 0 5) NaN 6) 빈 배열( [] ) 7) 빈 객체 ( {} ) 나머지는 true값 반환

  Read More