반응형 분류 전체보기34 웹디자인 기능사 제이쿼리 필수핵심이론 - 함수 웹디자인 기능사 시험에서 제이쿼리로 할 수 있는 것들 모달창 띄우기, 네비게이션 만들기 이때 필요한 함수에 대하여 알아보자. $('선택자').함수('function'(){ $('선택요소').메서드() }) 오늘은 제이쿼리 필수핵심 이론 함수에 대해... 알아본다.. 기본 구조 잡기는 기존에 했던 마우스 클릭했을때 보이기와 숨기기로 만들어둔다. 이작업 끝나면 스크립트 작성 $('.show-btn').click(function(){ $('div').show() }) $('.hide-btn').click(function(){ $('div').hide() }); $('선택자').함수(function(){ $('div').show() }); 클릭함수와 마우스 오버 함수 $('.btn').mouseenter(fun.. 2022. 8. 4. 코딩웍스 jquery 인강 : 기본 구문 만들기, 선택자 기본 구문 만들기 $('선택자'), 함수(function(){ 실행구문; }); 기본구문 작성할때 괄호 체크, 중괄호 체크 DOCTYPE html> 제이쿼리 기본구문 보이기 감추기 태그선택자 a를 클릭했습니다. 세미콜론은 넣으나 안넣으나 작동됨 $('p').css({'display':'none'}); $('.show-btn').click(function(){ $('p').css({'display':'block'}); }); $('.hide-btn').click(function(){ $('p').css({'display':'none'}); }); 기본 구문 만들기 $('선택자').함수(function(){ $('선택자').메서드(); }); $('.btn').click(function(){ $('.moda.. 2022. 8. 2. 코딩웍스 제이쿼리 jQuery : 시작하기(폴더구조, 링크방법) 기능사 시험에 필요한 상호작용을 위주로 공부하기 제이쿼리 링크하는 방식 1. 안 하단에 넣기 2. 안에 넣기 script 폴더안에 수업자료 jquery-1.12.4.js 들어가있어야함. 오픈 소스파일임 ++ 오픈소스는 먼저 와있어야함 순서 중요 순서가 오픈소스가 먼저와야함 custom은 우리가 만들 파일 작업 폴더구조 index.html css > style.css images > script > jquery-1.12.4.js custom.js 적절한 위치에 JS 파일 링크하기 스크립트는 바디 하단에 넣기 2022. 8. 2. 코딩웍스 인강 : 가상클래스 만들기 nth-child, nth-of-type 순서를 만드는 CSS 클래스 (nth-child, nth-of-type) 순서가 필요할때 클래스 이름을 정하지않고 순서를 정해서 적용 .box div:first-child { backgroud-color: 000; } .box div:last-child { backgroud-color: 000; } .box div:nth-child(2) { backgroud-color: 000; } 순서 만드는 클래스 실습 div 속성 display : inline-block; 주고나서 중앙정렬은 부모요소 위로 가서 text-align:center; 적용 nth-child() 는 순서에 적용됨 추가된 태그순서 태그 뒤에 다른 태그가 들어가면 nth-child() 숫자도 자동으로 밀려나서 적용됨 nth-of-type ty.. 2022. 8. 1. 이전 1 2 3 4 5 6 ··· 9 다음 반응형
