개발지식

jquery 기본 코딩 정의

mat_hoyoung 2022. 6. 10.

주의 : 복붙할 시 오류 뜰 수 있으니 타이핑 권장 

-숨기기 
$(#'변수').hide() 

-나타내기
$(#'변수').show() 

- 삭제하기(계속 실행누르면 복붙되기때문에 삭제하기로 초기화 시킬때 ) 
$(#'변수').empty ()

-무언가를 똑같이 붙이고 넣고싶을때
let temp_html = `<button>나는 버튼이다</button>`

$('#변수').append(temp_html)


- 이미지 바꾸고 싶을때  
$("#아이디").attr('src',url);

- 텍스트 바꾸고 싶을때  
$("#아이디").text(msg);



-이메일중에서 @ 뒤 도메인만 창에 띄우고 싶을때 (자바스크립)
정답 : 변수.split('@')[1].split('.')[0]
해석: 
ex)
let myemail = 'abc@gmail.com'

myemail.split('@')
결과창 > ['abc','gmail.com']

myemail.split('@')[1]
결과창 >'gmail.com'

myemail.split('@')[1].split('.')[0]
결과창 > 'gmail'
---------------------------------------------------------------------------------------

ajax 
-미세먼지 정보 따올때 예시 

$.ajax({
type: "GET",
url: " ",
data: {
success: function(response){
     let rows = response['RealtimeCityAir']['row']
     for (let i =0;  i < rows.length; i++) { 
let gu_name = rows[i]['MSRSTE_NM']
  let gu_mise = rows[i]['IDEX_MVL']
console.log(gu_name,gu_mise)
}
})

댓글