목록jQuery (256)
SeouliteLab
소개: 이번 예제에서는 jQuery를 사용하여 HTML 문서 내의 input 태그의 placeholder를 변경하는 방법을 알아봅니다. 'ID 입력란'이라는 버튼을 클릭하면 해당 input 태그의 placeholder가 'ID작성'으로 변경되는 기능을 구현하여 jQuery의 기본 사용법을 익힐 수 있습니다. input 태그 placeholder 변경: jQuery를 사용하여 input 태그의 placeholder를 변경하기 위해서는 해당 input 태그의 id를 선택하여 선택자로 사용한 후, attr() 메서드를 사용하여 placeholder 속성을 변경합니다. 설정: HTML 파일 내에서 jQuery 라이브러리를 로드해야 합니다. 일반적으로 CDN을 통해 라이브러리를 로드하..
소개: 이번 예제에서는 jQuery를 사용하여 HTML 문서 내의 h태그의 내용을 변경하는 방법을 알아봅니다. 'h태그 다루기' 버튼을 클릭하면 해당 버튼의 텍스트가 '바꾸기!'로 변경되는 기능을 구현하여 jQuery의 기본 사용법을 익힐 수 있습니다. h태그 내용 변경: jQuery를 사용하여 h태그의 내용을 변경하기 위해서는 해당 h태그의 선택자를 사용하여 선택한 후, text() 메서드를 사용하여 내용을 변경합니다. 설정: HTML 파일 내에서 jQuery 라이브러리를 로드해야 합니다. 일반적으로 CDN을 통해 라이브러리를 로드하거나 로컬에 포함시킬 수 있습니다. 예제: h태그 내용 변경하기 원래 텍스트 h태그 변경 출력 결과: 바꾸기!설명: 위의 예제에서는 jQuery..
소개: 이번 예제에서는 jQuery를 사용하여 HTML 문서 내의 div 태그의 배경색을 변경하는 방법을 알아봅니다. 버튼을 클릭하면 특정 div 태그의 배경색이 변경되는 기능을 구현하여 jQuery의 기본 사용법을 익힐 수 있습니다. div 태그 배경색 변경: jQuery를 사용하여 특정 div 태그의 배경색을 변경하려면 해당 div 태그의 id를 선택하여 선택자로 사용한 후, css() 메서드를 사용하여 배경색을 변경합니다. 설정: HTML 파일에서 jQuery 라이브러리를 로드해야 합니다. 이를 위해 CDN을 사용하거나 로컬에 파일을 포함할 수 있습니다. 예제: id가 div1인 div 태그의 배경색 변경하기 배경색 변경 출력 결과: 설명: 위 예제에서는 jQuery를 사용하여 '배경색 변경..
소개: jQuery를 활용하여 HTML 문서 내의 p태그를 다루는 방법을 알아봅니다. 특정 버튼을 클릭할 때 p태그의 내용을 변경하는 예제를 통해 jQuery의 기본적인 사용법을 익힐 수 있습니다. p태그 다루기: jQuery를 사용하여 p태그의 내용을 변경하려면 해당 p태그의 선택자를 이용하여 요소를 선택하고, text() 또는 html() 메서드를 사용하여 내용을 변경합니다. 설정: HTML 파일에서 jQuery 라이브러리를 로드해야 합니다. 이를 위해 CDN을 사용하거나 로컬에 파일을 포함할 수 있습니다. 예제: p태그 클릭 시 내용 변경 p태그 클릭! 내용 변경 출력 결과: p태그 클릭!설명: 위 예제에서는 jQuery를 사용하여 '내용 변경' 버튼이 클릭되면 p태그의 내용이 ..
소개: AJAX(Asynchronous JavaScript and XML)는 웹 페이지에서 비동기적으로 서버와 통신하는 기술입니다. jQuery를 사용하면 간편하게 AJAX 요청을 보낼 수 있습니다. 이 글에서는 jQuery를 사용하여 서버에 AJAX 요청을 보내는 방법을 알아보겠습니다. AJAX 요청 보내기: jQuery를 사용하여 AJAX 요청을 보내려면 $.ajax() 메서드를 사용합니다. 이 메서드는 서버에 데이터를 요청하고 응답을 처리하는데 사용됩니다. 다양한 옵션을 설정하여 요청을 커스터마이징할 수 있습니다. 설정: jQuery 라이브러리를 웹 페이지에 포함시켜야 합니다. CDN(Content Delivery Network)을 통해 제공되며, 출력 결과: {"name": "John", "age..