본문 바로가기

Front-End/jQuery3

ajax 사용 ajax를 사용할 페이지에서 jquery파일을 로드함 버튼 클릭했을때 function(){ } 속에서 $.ajax( { } ); 실행  성명 ajax요청 $("#bbb").click( function(){ var params = { nnn: $("#name").val() } $.ajax({ type:"post", url:"/c01/aaa", data:params, success:function(res){ alert(res); }, error:function(xhr, status, error){ alert(xhr.responseText).. 2024. 4. 24.
jQuery 사용 1. 의 src 속성에 jquery의 경로를 넣는다( jquery-3.7.1.min.js를 직접 다운받거나, 외부 URL )   의 src 속성웹 페이지에서 로드할 스크립트 파일의 경로를 지정 상대경로'..'는 현재 디렉토리의 상위 디렉토리를 나타냄 ../scripts/script.js (현재 디렉토리의 상위 디렉토리에 있는 scripts 디렉토리의 script.js 파일) 절대경로/scripts/script.js (웹 서버의 루트 디렉토리에서부터 scripts 디렉토리의 script.js 파일) SpringBoot에서 "웹 서버의 루트 디렉토리"란 정적 리소스 파일들이 위치하는 기본 디렉토리를 의미 기본 설정에서는 src/main/resources/static 이다 외부 UR.. 2024. 4. 23.
$( ) $(  ).append(  );선택한 요소의 내용의 끝에 콘텐트를 추가하는 메서드 Lorem Ipsum Dolor$( 'p' ).append( ' 123' );Lorem Ipsum Dolor 123  $(  ).attr(  );속성(attribute)의 값을 가져오거나 속성을 추가하는 메서드 var hClass = $( 'h1' ).attr( 'class' ); $( 'input' ).attr( 'placeholder', '디폴트값으로 보이는 자리' ); 2023. 1. 18.