method(2)
-
[js][ajax] 1.ajax의 기본 구조 & 간단한 활용 예시
서버의 데이터를 요청하는 java script의 라이브러리! 의 기본 구조 $.ajax({ type: "GET", url: "여기에URL을입력", data: {}, success: function(response){ console.log(response) } }) /*손쉬운 append()느낌! 매번 ``에 넣어서 하지말고 태그 내의 문자들을 바꾸는 방법! */ attr('src', image) // // 에서 src = "image"로 변환! 1 text(txt) //OOOOOO 에서 txt 로 변환! -서울시 미세먼지 openapi를 get해서 각 구의 미세먼지 수치가 나오게 하고, 수치의 대소에 따라 색을 나타나게하라 jQuery+Ajax의 조합을 연습하자! 1. 서울시 OpenAPI(실시간 미세먼..
2022.02.14 -
[js] jquery 기초 메소드
-쉽게 말해 java script의 라이브러리! 기본 js에서 document.getElementById("element").style.display = "none"; 으로 써야 할 것을 $('#element').hide(); 로 쉽고 직관적이게 작성가능! val() //값을 가져오거나 ()내의 값을 입력 includes('') //boolean 타입 , 찾는값 있으면 True split('') //''내의 것을 기준으로 String을 쪼개고 배열로 저장 append(``) // ``(물결표의 백팁)안의 코드를 html로 변환 및 입력 remove() //값을 모두 제거 hide() //특정 html내의 태그를 숨김 show() //hide()의 역기능 css작성시 class를 지정해서 내에 작성했다면,..
2022.02.14