jQuery 시각효과

기본적인 시각효과 ＊ jQuery에서는 간단한 메소드만으로 쉽게 애니메이션 구현이 가능하다 display:block display:none 특징 show() hide() 애니메이션X slideDown() slideUp() 슬라이딩 애니메이션 fadeIn() fadeOut() 페이드인,아웃 에니메이션 toggle() show(), hide()가 번갈아 실행 slideToggle() sildeDown(), slideUp() 을 번갈아 실행 fadeToggle() fadeIn(), fadeOut()을 번갈아 실행 네가지 형태으로 사용 $('.news .more').show(); $('.news .more').show(speed); $('.news .more').show(speed, callback); $('...

2021.12.07

jQuery EVENT Bubbling , this

이벤트 동시에 발생 문제 (event bubbling) var header = $('h1', this).text(); var paragraph = $('p', this).text(); this키워드를 $()메소드의 두번째 매개 변수로 넣어준다. 범위를 이벤트 발생 객체로 한정한다. 이벤트 발생 객체 안에만 선택자를 적용할 수 있다. 쉽게 말해 이벤트를 제공 받은 그 해당 객체(this)의 자식 객체 선택 Header 1 Paragraph 1 Header 2 Paragraph 2 Header 3 Paragraph 3

2021.12.07

jQuery toogle 더보기

toggle(), hide(), show(), text() ＊ display:block; display:none; 대신에 show(); hide()문법을 사용할 수 있다. ‘하면 된다’라는 정신을 갖고 목표를 달성하기 위해 온힘을 기울이는 자세를 말한다. Read More... ↓ 현대는 다른 사람들이 불가능하다고 포기해 버린 일을 험난한 여건 속에서도 강인한 정신력과 추진력으로 성공시킨 역사와 경험을 가지고 있다. 앞으로 세계 곳곳에서 사업을 수행하는데 있어서 성취해야 할 많은 과제를 과감히 헤쳐나가기 위해서는 현대인 모두가 강인한 정신과 추진력을 더욱 배양하고 체질화해야 할 것이다.

2021.12.07

jQuery attr() 속성변경

attr() ＊ 태그의 속성 변경 메소드 $('선택자').attr('속성', '값'); ＊ 아래 탭 예제는 구린방법이라 쓰지 않는다 ＊ 아래 탭 예제는 구린방법이라 쓰지 않는다 ＊ 아래 탭 예제는 구린방법이라 쓰지 않는다 서적 내용 컨텐츠 인쇄 내용 컨텐츠 잡지 내용 컨텐츠

2021.12.07

jQuery toggle(), hover()

toggle(), hover() $('선택자').toggle(function(){ //홀수번째 처리 코드 }, function(){ //짝수번째 처리 코드 }); // click이벤트 적용 $('선택자').hover(fnction(){ //mouseenter시 처리 }, function(){ //mouseleave시 처리 }); ＊ toggle() 은 1.9.0 버전에서 삭제됨, 사용하려면 jQuery Migrate - All Versions버전을 사용하여 강제 지원해야 한다. ＊ 때문에 페이지 로딩이 느려질 수 있음 제가 갖고 있는 물품을 기부하고 싶은데요. 어떻게 하면 되나요? 꿈이야기에서 ‘필요한 나눔’으로 등록되어 있는 물품에 대한 기부를 원하시는 경우 ‘드림애플 > 아주특별한나눔 > 특별한나눔’..

2021.12.07

jQuery 다중 이벤트

mouseenter 마우스가 올라갔을 때 mouseleave 마우스가 벗어났을 때 addClass(), removeClass() 마우스가 올라가면 .reverse클래스 추가, 마우스가 벗어나면 .reverse 클래스 삭제 Header-0 Header-1 Header-2

2021.12.07