2021-04-17 태그를 이용하여 링크를 부여하는 방식이 일반적이나, 제이쿼리 내부에서도 이벤트를 걸어서 링크를 부여할 수 있다. 오늘은 그 방법을 알아보도록 하자. - 예제 코드 예제 코드는 3개의 버튼을 만들고 각 버튼에 검색 포털 사이트로 가는 링크를 걸어 두었다. 네이버 다음 구글 여기서 주의 깊게 봐야하는 코드는 아래의 코드이다. $(location).attr("href", "이동하고 싶은 링크") 여기서 선택된 location은 인터페이스로써 객체가 연결된 장소(URL)를 표현한다. (다른 말로 현재의 url 정보를 가지고 있다.) Location 인터페이스에 변경을 가하면 연결된 객체에도 반영되게 된다. 여기서의 연결된 객체는 button 태그라고 볼 수 있으며, button 태그에 속..
2021-04-14 jquery에서 제공하는 효과 중 hide와 show 메서드가 존재한다. 메서드 이름에도 느껴지듯이 지정된 객체를 숨기고 드러내는 역할을 한다. - 예제 1. -----Hello World----- hide show 위의 예제 코드는 hide 의 클릭이벤트 발생 시에는 div 태그 내용을 숨기고, show의 클릭이벤트 발생 시 div 태그를 다시 나타내는 태그이다. show를 눌렀을 경우 hide를 눌렀을 경우 - 추가사항 show 와 hide 에는 매개 값없이 사용하는 방법도 있지만 아래와 같이 두 가지 매개 값을 받을 수 있다. 첫 번째는 해당 메서드가 실행되는 속도이며, 두 번째는 콜백 함수이다. $(selector). hide(속도, 콜백함수); $(selector). sh..
2021-03-24 위와 같은 형식의 텍스트를 입력할 수 있고 우측에 내용을 검색할 수 있는 버튼이 있는 형식이 있다. 이는 구글 / 네이버 / 다음과 같은 웹사이트에서 흔히 볼 수 있다. 여기서의 검색이 진행되는 방식은 흔히 버튼을 누르거나 Enter 키를 통해서 페이지가 넘어가는 형태이다. 이는 한 가지의 동작에 두 가지 방식이 적용되는 형태인데, 이를 구현하는 방법을 알아보자. - 구현코드 바로 구현 코드를 첨부하였다. 코드의 내용은 버튼을 클릭하면 이벤트가 발생하여, 콘솔 창에서의 해당 input 창에 입력한 내용을 출력하고 알림 창도 뜰 수 있도록 구현하였다. 이후 Enter 키 입력 시에도 구현한 click 이벤트가 발생할 수 있도록 keydown시 클릭 트리거가 발생할 수 있도록 하였다. 여..