JQuery23 [jQuery] show hide show : 요소 보이기(문서 객체를 크게 하여 보여 준다.) 엘리먼트를 나타나게 함 hide : 요소 숨기기(문서 객체를 작게 하여 사라지게 한다.) 엘리먼트를 사라지게 함 예제 ShowHide 안녕하세요 Show slowHide slow 반갑습니다 Show/Hide 또 만나요~ 실행화면 코드 설명 line22~23 : show가 보일때까지의 시간을 5초로 설정했고 css를 활용해 배경색이 노란색이 되도록 설정 2023. 9. 22. [jQuery] change change : 값이 변경될 때 실행할 이벤트 핸들러를 연결한다(collback 함수) 매개변수 이벤트가 발생했을때 실행되는 함수 예제 딸기 바나나 사과 결과 코드 설명 line17 : 선택한 항목의 value값을 가져와서 img의 src속성으로 넣기위해 사용 line18 : 딸기에 selected를 사용하여 초기화면에 딸기를 넣기위해 .change()로 강제호출 2023. 9. 22. [jQuery] live live : 현재 뿐만 아니라 앞으로 미래에 포함될 요소까지 자동으로 바인딩시킨다. 이벤트가 전체 도큐먼트 내에서 bubble up된다. die() 함수는 live() 함수에 의해서 생성된 이벤트를 제거한다. live영역을 이용한 태그영역을 클릭하면 반응이 있다 예제 Click me! 결과 Click me!라는 버튼에 마우스를 올릴시 클릭할수 있게 마우스 모양이 변한다 2023. 9. 22. [jQuery] Bind Bind : 엘리먼트에 이벤트 핸들러를 지정한다. bind()를 통해 해당 엘리먼트에 원하는 이벤트를 적용할 수 있다. 매개변수 eventType : click, mousedown, focus 등과 같은 적용 가능한 이벤트 타입 function : 이벤트가 발생하였을 때 실행할 사용자 정의 함수 예제 사진1 사진2 mouseover는 해당 칸에 마우스가 올라가면 바로 반응이 되는 기능이다 return false를 쓴이유는 이벤트 처리를할때 이벤트 전파 방지를 위해 사용했다 결과 마우스를 올리면 attr을 이용해 src자리에 href의 값을 올리도록 설정하여 반응하게 하였다 2023. 9. 21. 이전 1 2 3 4 5 6 다음