Computer Science/JQuery

[jQuery] 05. text(), html(), val() 사용법

[jQuery] 05. text(), html(), val() 사용법지난 글에서는 jQuery의 mouseover, mouseout, hover 이벤트에 대해 알아봤습니다.이번 글에서는 jQuery에서 자주 사용하는 메서드인 text(), html(), val()에 대해 알아보겠습니다.이 세 가지는 화면의 글자를 바꾸거나, HTML 태그를 넣거나, input에 입력된 값을 가져올 때 많이 사용합니다.1. text(), html(), val()이란?jQuery에서 HTML 요소의 내용을 다룰 때 자주 사용하는 메서드가 있습니다.text() : 요소의 글자 내용을 가져오거나 변경합니다.html() : 요소 안의 HTML 내용을 가져오거나 변경합니다.val() : input, textarea, select 같..

2026. 3. 3. 09:06

Computer Science/JQuery

[jQuery] 04. mouseover와 hover 이벤트 사용법

[jQuery] 04. mouseover와 hover 이벤트 사용법지난 글에서는 jQuery의 click 이벤트에 대해 알아봤습니다.이번 글에서는 마우스를 요소 위에 올렸을 때 실행되는 mouseover 이벤트와, 마우스가 요소에서 벗어났을 때 실행되는 mouseout 이벤트, 그리고 이 두 가지를 함께 사용할 수 있는 hover 이벤트에 대해 알아보겠습니다.웹 페이지에서 버튼에 마우스를 올리면 색상이 바뀌거나, 이미지가 커지거나, 설명 문구가 나타나는 효과를 본 적이 있을 것입니다. 이런 기능을 만들 때 mouseover, mouseout, hover 이벤트를 사용할 수 있습니다.1. mouseover 이벤트란?mouseover 이벤트는 사용자가 마우스를 특정 요소 위에 올렸을 때 실행되는 이벤트입니다..

2026. 3. 2. 21:10

Computer Science/JQuery

[jQuery] 03. click 이벤트 사용법

[jQuery] 03. click 이벤트 사용법지난 글에서는 jQuery 선택자에 대해 알아봤습니다.이번 글에서는 jQuery에서 가장 많이 사용하는 이벤트 중 하나인 click 이벤트에 대해 알아보겠습니다.click 이벤트는 사용자가 버튼, 글자, 이미지 같은 HTML 요소를 클릭했을 때 특정 동작을 실행하게 만드는 기능입니다.1. click 이벤트란?click 이벤트는 말 그대로 요소를 클릭했을 때 실행되는 이벤트입니다.예를 들어 버튼을 클릭하면 알림창을 띄우거나, 글자 내용을 바꾸거나, 배경색을 변경할 수 있습니다.jQuery에서는 click 이벤트를 다음과 같은 형태로 작성합니다.$("선택자").click(function() { // 클릭했을 때 실행할 코드});위 코드에서 선택자는 클릭 이벤트..

2026. 3. 2. 17:29

Computer Science/JQuery

[jQuery] 02. 선택자(Selector) 기본 문법

[jQuery] 02. 선택자(Selector) 기본 문법지난 글에서는 jQuery가 무엇인지, 그리고 jQuery를 사용하려면 어떻게 연결해야 하는지 알아봤습니다.이번 글에서는 jQuery에서 가장 기본이 되는 선택자(Selector)에 대해 알아보겠습니다.선택자는 말 그대로 HTML 요소를 선택하는 문법입니다. jQuery를 사용해서 글자를 바꾸거나, 버튼 클릭 이벤트를 만들거나, CSS를 변경하려면 먼저 어떤 HTML 요소를 선택할지 정해야 합니다.1. 선택자란 무엇인가?선택자는 HTML 문서 안에서 특정 요소를 찾기 위해 사용하는 문법입니다.예를 들어 버튼을 선택하고 싶다면 버튼을 찾는 선택자를 작성해야 합니다.$("선택자")jQuery에서는 위와 같이 $() 안에 선택자를 작성합니다.선택자는 C..

2026. 2. 25. 08:32

Computer Science/JQuery

[jQuery] 01. jQuery가 뭐예요?

[jQuery] 01. jQuery가 뭐예요?jQuery는 JavaScript를 더 쉽고 간단하게 사용할 수 있도록 만들어진 JavaScript 라이브러리입니다.웹 페이지에서 버튼을 클릭했을 때 동작을 만들거나, 글자를 바꾸거나, 화면의 요소를 숨기고 보여주는 작업을 할 때 JavaScript를 사용합니다. 그런데 순수 JavaScript만 사용하면 코드가 길어질 수 있습니다.jQuery는 이런 작업을 더 짧고 읽기 쉬운 코드로 작성할 수 있게 도와줍니다.1. jQuery는 왜 등장했을까?예전에는 브라우저마다 JavaScript를 처리하는 방식이 조금씩 달랐습니다. 그래서 같은 기능을 만들더라도 브라우저별로 신경 써야 할 부분이 많았습니다.또한 HTML 요소를 선택하거나 이벤트를 등록하는 코드도 지금보다..

2026. 2. 16. 23:27