Jquery

    수정 기능을 구현할 때 사용하는 Jquery 기능

    부모태그를 찾기 const my_review = event.target.parentNode.parentNode; event로 받아온 인자에서 parentNode를 이용해서 한단계씩 부모태그를 찾을 수 있다. 부모태그 포함 그 밑의 자식 태그들도 다 불러와진다. 특정 태그 불러오기 const desc = my_review.querySelector("div > h6:nth-child(3)") 찾은 부모 태그로부터 특정 태그를 찾는 코드이다. 태그.querySelector("자식태그 > 자식태그:nth-child(몇번째인지)") 형식으로 특정 태그를 변수에 저장해줄 수 있다. 태그 안의 텍스트를 문자열로 불러오기 const desc_text = desc.innerText; 'innerText'를 사용한다. i..

    Jquery에서 값을 html로 변환하여 써주기

    let address = rows[i]['stationName'] let bike_number = rows[i]['rackTotCnt'] let bike_parking = rows[i]['parkingBikeTotCnt'] temp_html = `${address}${bike_number}${bike_parking}` 위와 같이 태그 안의 ${} 안에 변수를 넣어준다

    jQuery 속성을 추가하거나 변경

    아래는 위 img 태그에 src 속성을 추가해주는 코드이다. $("#img_form_url").attr("src", imgurl); attr("속성명", "변경해줄 값");의 형식으로 활용한다.

    자바스크립트에서 태그 추가 또는 비우기

    $('#태그id').append(추가할 태그); 위와 같이 태그 안에 태그를 추가할 수 있다. ('#태그id').empty(); 위와 같이 태그 안의 태그들을 지울 수 있다. 예시) function q3() { let va3 = $('#input-q3').val(); let temp_html = `${va3}`; $('#names-q3').append(temp_html); } function q3_remove() { $('#names-q3').empty(); }

    자바스크립트에 html 코드 쓰기

    자바스크립트에 html 코드를 쓸때 백틱 '`' 을 활용한다. let temp_html = `${문자}`; 위의 예시와 같은 형식으로 html 코드를 넣어줄 수 있다.

    특정 문자를 기준으로 문자열 자르기

    'split('문자')'을 활용한다. alert(val2.split('@')[1].split('.')[0]); 위 코드는 split()을 중복 적용한 것으로 '@' 기준으로 문자열을 자른 후 잘라진 문자열이 담긴 배열의 두번째 값을 '.'을 기준으로 또 잘라준다. 문자열의 문자를 하나하나 분리하고 싶다면 split('') split()에 공백을 넣어 분리한다.

    특정 영역에 값 불러오기

    let 변수명 = $('#값을 불러올 영역').val(); '.val()'로 불러올 수 있다.