Java Script & j Query/j Query16 제이쿼리 -효과 및 애니메이션 메서드 효과 및 애니메이션 메서드문서 객체를 보이게 했다가 안 보이게 하려면 스타일의 display속성을 이용해야 한다. 단,스타일을 이용하는 방법은 객체를 단순하게 조절하는 정도의 효과만 기대할 수 있다.하지만 효과 메서드를 이용하면 스타일을 이용하는 것보다 좀 더 역동적으로 동작을 조절해 화려하게 숨기거나 보이게 만들 수 있다. -효과 메서드선택한 요소를 역동적으로 숨겼다가 보이게 만드는 기능을 가진 메서드가 있다.종류 기본형$(“요소선택”).효과메서드(효과 소요 시간,가속도,콜백 함수); 효과 소요시간은 요소를 숨기거나 노출할 때 소요되는 시간case1) ex) “slow” , “normal” , “fast”case2) ex) 1,000 (1초) 500 (0.5초) 가속도는 숨기거나 노출하는 동안의 가속도.. 2018. 12. 6. 제이쿼리 -키베도 이벤트 키보드 이벤트 -keydown() / keyup() /keypress() 메서드keydown()과 keypress() 이벤트 메서드는 선택한 요소에서 키보드 자판을 눌렀을 때 이벤트를 발생시키거나 해당 이벤트를 강제로 발생시킵니다.차이점 : keydown()은 모든 키(한글 제외) 에 대해 이벤트를 발생시키지만 keypress()는 기능크(F1~F12,Alt,Ctrl,Shift,백스페이스,캡스락,탭,한영)에 대해 이벤트를 발생시키지 X또한 키베도 이벤트 핸들러에서 생성된 이벤트 객체의 속성을 이용하면 고유 키의 코드값을 구할 수 있다. 이를 사용해 단축키 기능도 만들 수 있다. -이벤트가 발생한 요소 추적하기사이트 방문자가 이벤트를 발생시킨 요소의 정보를 구해오는 방법입니다.이벤트가 발생한 요소를 선택해.. 2018. 11. 25. 제이쿼리 -키보드 및 마우스 이벤트 객체와 종류 -이벤트 객체와 종류사용자가 이벤트를 발생시킬 때마다 이벤트 핸들러의 매개변수에는 이벤트 객체가 생성되며, 이벤트 객체에는 이벤트 타입에 맞는 다양한 정보를 제공하는 속성과 메서드가 포함되어 있다. 기본형 : $(“이벤트 대상 선택”).mousemove(function(매개변수){ 매개변수(이벤트 객체).속성;}); -scroll() 이벤트 메서드대상 요소의 스크롤바가 이동할 때마다 이벤트를 발생 시키거나 강제로 scroll이벤트를 발생시키는 데 사용한다. 기본형:1.scroll이벤트 등록 $(“이벤트 대상 선택”).scroll(function() {자바스큽코드;}); $(“이벤트 대상 선택”).on(“scroll”,function(){ 자바스큽코드;}); 2.scroll이벤트 강제 발생 $(“이벤트 대.. 2018. 11. 23. 제이쿼리 -마우스 이벤트들 -mouseover() /mouseout()/hover()이벤트 메서드mouseover ->선택한 요소에 마우스 포인터를 올릴 때 마다 이벤트 발생 OR 선택한 요소에 mouseover에벤트 강제 발생mouseout -> 선택한 요소에서 마우스 포인터가 벗어날 때마다 이벤트를 발생 OR 선택한 요소에 mouseout이벤트 강제 발생hover ->선택한 요소에 마우스 포인터가 올라갈때와 선택한 요소에서 벗어날 때 각각 이벤트 발생( 이때, 각각 다른 이벤트 핸들러를 실행 시킴) 기본형 : 1.mouseover 이벤트 등록$(“이벤트 대상 선택”).mouseover(function() {자바스큽코드; });$(“이벤트 대상 선택”).on(“mouseover”,function() {자바스큽코드;});2.mou.. 2018. 11. 23. 제이쿼리 -이벤트 등록 메서드 이벤트 등록 메서드방문자가 취하는 모든 행위를 말한다. 이벤트 핸들러는 이벤트가 발생했을 때 실행되는 코드를 말한다.이벤트 등록 메서드에는 하나의 이벤트만 등록할 수 있는 단독 이벤트 등록 메서드와 2개 이상의 이벤트를 등록할 수 있는 그룹 이벤트 등록 메서드가 있다. 기본형 :버튼ex) $(“#bnt”).click(function() { 자바스크립 코드;}); 이러한 단독 이벤트 등록 메서드는 로딩 이벤트,마으스 이벤트, 포커스이벤트, 키보드 이벤트,기타 이벤트로 나눌 수 있다. "이벤트 등록 방식"이벤트를 등록하는 방법에는 단독 이벤트 등록 방식과 그룹 이벤트 등록 방식 두 종류가 있다.즉,한 가지 동작에 대한 이벤트 등록 방식에는 단독 이벤트 등록 메서드나 그룹 이벤트 등록 메서드를 사용하고, 두가.. 2018. 11. 22. 제이쿼리 수치조작 메서드들 수치 조작 메서드요소의 속성을 조작할 때 사용하는 메서드입니다. -요소의 높이/너비 메서드height()와 width() 메서드는 여백 및 선 두께를 제외한 순수 요소의 높잇값과 너빗값을 계산합니다.innerHeight()와 innerWidth()메서드는 여백을 포함한 요소의 높잇값과 너빗값을 계산합니다outerHeight()와 outerWidth()메서드는 여백 및 선을 포함한 요소의 높잇값과 너빗값을 계산합니다. 기본형:1.$(요소 선택).height(); /$(요소 선택).Width(); $(요소 선택).height(값); /$(요소 선택).Width(값); 2.$(요소 선택).innerHeight(); /$(요소 선택).innerWidth(); $(요소 선택).innerHeight(값); /$(요.. 2018. 11. 21. 이전 1 2 3 다음
