[JQuery] image-effect 이미지 효과 #0418수업 #6교시 HTML 삽입 미리보기할 수 없는 소스 hide 숨김 show 보임 toggle 숨김/보임 fade-in 페이드인 fade-out 페이드아웃(점점사라짐) fadeToggle 페이드인/아웃 fadeTo(0.1) 서서히 투명도 0.1 fadeTo(0.5) 서서히 투명도 0.5 delay 지연 slide down 슬라이드 다운 slide up 슬라이드 업 slideToggle 슬라이드 업/다운 stop 정지 finish 중지 Java Script/JQuery 2023.04.18
[JQuery] 함수 #0418수업 #5교시 HTML 삽입 미리보기할 수 없는 소스 css가 기준 자바 데이터베이스 HTML CSS 자바스크립트 제이쿼리 vue.js 노잼 siblings - 형제 요소 next - 다음 형제 요소 nextAll - 다음 모든 형제 요소 nextUntil - 선택 요소 전까지 prev - 이전 형제 요소 prevAll - 이전 모든 형제 요소 prevUntil - 선택 요소 전까지 first - 처음 last - 마지막 eq - 인덱스(음수 가능, 뒤부터) filter - odd, even has - 가지고 있는거 slice - 해당 인덱스 포함 보다 큰거 Java Script/JQuery 2023.04.18
[JQuery] each, toggleClass #0418수업 #4교시 // add() : 요소 추가 // each() : for문 대신 각각 접근 // toggleClass() : on off 가 반복하여 실행 자바스크립트 C언어 자바 click Java Script/JQuery 2023.04.18
[JQuery] 부모자식 요소 #0418수업 #4교시 parent() : 부모 요소 선택 parents() : 조상 요소 선택 parentsUntil() : 매개변수로 넘긴 요소 전까지의 조상 선택 자바스크립트 C언어 자바 click // children() : 자식 요소 찾기 // find() : 자식 요소를 선택함 // find("*") : 자손 요소 모두 찾기 // children() : 자식 요소 찾기 // find() : 자식 요소를 선택함 // find("*") : 자손 요소 모두 찾기 $(function() { $("#btn").on("click", function(){ $("#list").find("*").css("border","1px solid red") }) }) Java Script/JQuery 2023.04.18
[JQuery] 복사, 대체 #0418수업 #3교시 1. 버튼을 클릭하면 'c언어' 텍스트를 복사해서 list 마지막 요소로 넣기 2. 버튼을 클릭하면 'c언어' 텍스트를 복사해서 li 태그의 텍스트를 대체하기 자바스크립트 C언어 자바 click(복사) click(대체) Java Script/JQuery 2023.04.18
[JQuery] 기본문법 #0414수업 #4교시 @find, @end java database HTML CSS javascript jQuery JSP click @width @height click decline @attr click java database HTML CSS javascript jQuery JSP click click2 // append : add text 문구 뒤에 추가 $(function(){ $("button").on("click",function(){ $("#list").append("add text"); }) }); // prepend : 모든 li 요소 앞에 안녕 이란 문구 추가 $(function(){ $("button").on("click",function(){ $("li").prepend("안녕 "); }) }); //.. Java Script/JQuery 2023.04.14
[JQuery] 기본문법 #0414 수업 #3교시 HTML 삽입 미리보기할 수 없는 소스 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 출력 --2번째 실습 자바 데이터베이스 HTML 자바스크립트 click --3번째 실습 java database HTML CSS javascript jQuery JSP click --4번째 실습 html 의 getter, setter 역할 안녕하세요~~ 출력 Java Script/JQuery 2023.04.14
[JQuery] $function(){} 기본문법 #0414 수업 #2교시 2교시 1. CDN (외부에 직접 접근) 방법 : head 에 작성 장점 : 파일을 다운받지 않아서 쉽고 편하게 접근 단점 : 내부 파일에 비해 로딩 속도가 느림 인터넷 연결이 안되면 접근 안됨 폐쇄망을 사용할 경우 접근 안됨 DOCTYPE html> Document 2. 내부 파일 접근 방법 : head 소스에 경로 직접 주기 DOCTYPE html> Document 제이쿼리 시작 안녕하세요. 반갑습니다 글씨를 클릭해보세요 자바스크립트ㅎㅎㅎtesttest1. 자바스크립트ㅎㅎㅎtesttest1. java database HTML java database HTML CSS javascript jQuery JSP click Java Script/JQuery 2023.04.14