<head> <!-- 제이쿼리 라이브러리연결 --> <scripttype="text/javascript"src="../js/jquery-3.5.1.min.js"></script> </head> <body> <h2> head - 0</h2> <h2> head - 1</h2> <h2> head - 2</h2>
<scripttype="text/javascript"> $(function(){ //1. html() 사용해서 h2 태그의 정보를 출력 let h = $('h2').html(); alert("html()값 : "+h); //출력값 //html()값 : head - 0 //2. text() 사용해서 h2 태그의 정보를 출력 let t = $('h2').text(); alert("text()값 : "+t) //출력값 //text()값 : head - 0 head - 1 head - 2 //3.text() 사용해서 div태그에 값을 변경 $('div').text('안녕'); $('div').text('<h3>텍스트함수 사용</h3>'); //4.html() 사용해서 div태그에 값을 변경 $('div').html('안녕'); $('div').html('<h3>텍스트함수 사용</h3>'); //5.h1태그를 a태그의 링크로 변경 //5-1.내코드 //$('h1').html("<ahref='Test5.jsp'><h1>Test5.jsp</h1></a>"); //5-2.강사님코드 : 제목을 읽어와서 저장 -> 태그요소로 입력 let addr = $('h1').text() $('h1').html("<ahref="+addr+"><h1>Test5.jsp</h1></a>") }) </script> </body>