IT & 일상기록/JQuery6 [JQuery] 버전 확인 방법 ▼ 아래 사이트 접속 (https://jquery.com/) jQuery What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. jquery.com ▼ 사이트에서 F12 누르고 Console 창에 아래와 같이 입력하면 버전 확인 가능 2022. 11. 12. [JQuery] jquery.js 파일 - css 함수 ※ jquery.js 파일 안에 있는 css 함수 정의해 있는 걸 가져다가 사용하므로 js 파일 추가 및 위치 설정 필요 함수 구분 설명 사용 예시 객체.css('속성','값'); 객체에 스타일 적용 ① $("div em").css('border', '1pt solid #000000'); → div 태그 안 하위 태그 em 자리에 테두리 1pt 사이즈로 검은색 실선 스타일을 적용해라 ② $("div em").css('font-size','20pt'); → div 태그 안 하위 태그 em 자리에 글자 크기 20pt 사이즈로 스타일을 적용해라 ※ ① ~ ②와 같이 작업 대상이 같을 경우 연결해서 사용 가능 $("div em").css('border', '1pt solid #000000').css('font-.. 2022. 4. 1. [JQuery] 더듬더듬... 확고의 기억 더듬기 (J쿼리 기초 편①) 내용 설명 $(document).ready(function(){ alert(1); }); document 영역이 준비되면 괄호 안 내용을 실행해라(alert으로 1을 띄움) $(document).ready(exam); function exam( ){ alert(1); } document 영역이 준비되면 exam함수를 실행해라 exam 함수는 alert으로 1을 띄움 2022. 4. 1. [JQuery] jquery.js 파일 - addClass 함수 ※ jquery.js 파일 안에 있는 addClass 함수 정의해 있는 걸 가져다가 사용하므로 js 파일 추가 및 위치 설정 필요 함수 구분 설명 사용 예시 객체.addClass('클래스명'); 객체에 클래스를 추가 ① $('div').addClass('exam'); → div 태그 자리에 exam 클래스를 추가해라 (div 태그 자리에 직접 class="exam" 쓴 것과 같음) ② $('#exam1').addClass('hwakgo'); → id가 exam1인 곳에 hwakgo 클래스를 추가해라 ※ id를 불러올 땐 #을 사용 ③ $('.exam2').addClass('gogo'); → class가 exam2인 곳에 gogo 클래스를 하나 더 추가 ※ class를 불러올 땐 점(.)을 사용 ▼ js .. 2022. 4. 1. 이벤트 용어 정리 (2) - 포커스 / 그림 / 폼 / 윈도우 이벤트는 키보드, 마우스를 누르는 등의 사용자의 행동 신호를 말함 구분 이벤트 내용 포커스 focus 입력 양식의 필드로 포커스(깜빡이는 커서)가 들어왔을 때 발생 blur 입력 양식에서 포커스가 다른 곳으로 이동 했을 때 발생 그림 abort 이미지를 읽다가 사용자가 중단 시켰을 때 발생(다운로드 중단) error 문서나 이미지를 읽다가 에러가 발생 했을 때 발생 폼 reset 입력 양식에서 리셋할 경우 발생 select 입력 양식의 한 필드를 선택할 때 발생 submit 입력 양식을 서버로 전송할 때 발생 윈도우 ready 윈도우 준비 완료 load 윈도우를 불러 들일 때 사용하고 모든 엘리먼트가 로딩 마쳤을 때 발생 unload 윈도우를 닫을 때 발생 scroll 윈도우를 스크롤 할 때 사용 res.. 2022. 1. 17. 이벤트 용어 정리 (1) - 키보드 / 마우스 이벤트는 키보드, 마우스를 누르는 등의 사용자의 행동 신호를 말함 구분 이벤트 내용 키보드 keydown 키를 입력했을 때 발생 keypress 키를 눌렀을 때 발생 keyup 키를 눌렀다가 놓았을 때 발생 마우스 mousedown 마우스 버튼을 누를 때 발생 mouseup 마우스 버튼을 놓았을 때 발생 click 마우스를 클릭할 때 발생 dblclick 마우스를 더블클릭할 때 발생 mouseenter 마우스가 요소의 경계 외부에서 내부로 이동할 때 발생 mouseleave 마우스가 요소의 경계 내부에서 외부로 이동할 때 발생 mouseover 마우스가 요소 안으로 들어올 때 발생 mouseout 마우스가 요소를 벗어날 때 발생 mousemove 마우스를 움직일 때 발생 dragdrop 마우스를 클릭한 .. 2022. 1. 17. 이전 1 다음 728x90 반응형