# jquery

572개의 포스트
post-thumbnail

[jquery] 간단한 애니메이션을 활용(css)

transition을 사용하면 다른 요소들을 사용하는것 보다 transform을 사용하는게 부드럽게 애니메이션 효과를 줄 수 있다.login버튼을 클릭하면 위에서 modal창이 스르륵 내려와 보여지게 하는 코드를 작성했다.csshtml하지만 여기서 close버튼을 누르

약 3시간 전
·
0개의 댓글

jQuery, Ajax

jQuery로 HTML조작과 Ajax로 데이터를 주고 결과를 받아오는 과정을 했다. 이제 기본적인 웹 환경이 돌아가는 과정을 이해했다. 구조를 파악하고나니 알기가 쉬웠다.사용법에 익숙해지는것을 우선적으로 추후에 반복해 볼 예정이다.

4일 전
·
0개의 댓글

Jquery change 이벤트 범위/DOM 변경 인식(Jquery)

특정 데이터를 html 형식으로 가져와서 화면에 갱신해준 뒤 그 후 변경된 데이터에서 특정 데이터를 가져오려고 하다보니... Jquery change() 메소드가 정상적으로 인식하지 못하는 문제가 있었다. 처음에는 시점에 문제인가 싶어형식으로 진행해 봤는데도 정상적

2021년 10월 19일
·
0개의 댓글
post-thumbnail

211018 TIL

✔️ 코드잇에서 jQuery 배우기animation간단한 애니메이션 부여하기css 적용하기여러 css 동시에 적용하기css 순서대로 적용하기css 반복 적용하기css 적용 속도 조절하기위에 코드를 보면은, 1000는 1초안에 이동한다.애니메이션 이펙트 적용하기위에 있는

2021년 10월 18일
·
0개의 댓글
post-thumbnail

211017 TIL

✔️ 코드잇에서 jQuery 배우기스크롤예 ) 어떻게 스크롤을 이용하게 될 것은...내리면 opacity를 0으로, 완전히 올리면 1방법은....위에 코드를 잘 보면, scroll이라는 이벤트에 div태그를 opacity를 줘서, 내릴수록 점점 희미해져가게 만들었다.결

2021년 10월 17일
·
0개의 댓글
post-thumbnail

211016 TIL

✔️ 코드잇에서 jQuery 배우기코드 줄이기예 )위에 코드를 잘보면, 너무나도 복잡하고 한 눈에 들어오기 어렵다그래서 함수로 묶어서 쉽게 알아볼 수 있게 만들겠다.currentTarget은 현재 어떤 요소를 클릭했는지 알아봐준다.방법은 콘솔로그로 event를 알아봐서

2021년 10월 16일
·
0개의 댓글
post-thumbnail

[jQuery] datetimepicker 한번에 click 이벤트 등록

동적으로 할당한 input 태그에 datetimepicker 를 부여해 click 시 바로 캘린더가 나오기 바랐었다. 근데 왜인지 항상 두번을 클릭해야 이벤트가 할당되어 이유를 찾아보았다.당시 JS 코드순서대로 처음 input 태그를 click 했을 때의 이벤트 할당

2021년 10월 15일
·
0개의 댓글
post-thumbnail

아코디언 메뉴 jquery

아코디언 메뉴 안까먹게 정리 해야쥬 ㅠㅠ 머리가 나쁘면 적어놓기라도 하고 자주 보자!(나한테 하는 말) 첫 번째 방법. >slideToggle(), slideUp() , next(), siblings() 필요한 .action() 로직 클릭 된 question

2021년 10월 14일
·
0개의 댓글

jQuery

💡 jQuery란?HTML의 요소들을 조작하는, 편리한 Javascript를 미리 작성해둔 것으로 라이브러리입니다.jQuery는 Javascript와 다른 특별한 소프트웨어가 아니라 미리 작성된 Javascript 코드입니다. 그렇기 때문에, 쓰기 전에 import를

2021년 10월 14일
·
0개의 댓글
post-thumbnail

211013 TIL

✔️ 코드잇에서 jQuery 배우기선택하는 메소드 알아보기filterfilter는 ( )안의 조건으로 선택된 요소를 한번 더 걸러준다특정한 태그를 선택할 수 있는 기능을 한다.위 코드를 보면, 모든 button 태그들 중에 color-3이라는 클래스를 가지고 있는 요소

2021년 10월 13일
·
0개의 댓글

20211013 복습2일차

\-교수님이 바뀌기 전 대(?)복습이 시작되었고, 이제 2일차다. 어제는 전반적인 html을 복습했고(물론 당연히 전처럼 빼곡하게 복습할 순 없다.), 오늘은 javascript와 jquery 등을 잠깐 해봤다. 사실 jquery는 그냥 형태만 살짝 본 수준이라, 복습

2021년 10월 13일
·
0개의 댓글
post-thumbnail

211012 TIL

✔️ 코드잇에서 jQuery 배우기jQuery 사용하기간단하 예제 )위에는 html로 만들 결과물인데.. 제이쿼리를 이용해서 버튼을 클릭하고 스타일을 입혀본다.hello라는 id를 갖은 버튼 태그에 onclick을 이용해서 alert를 알린다음에, 색깔을 바꾼다.결과값

2021년 10월 12일
·
0개의 댓글
post-thumbnail

[웹개발] jQuery와 Ajax

jQuery를 이용해 Javascript로 HTML을 쉽게 제어할 수 있고,Ajax를 이용해 서버에 데이터를 요청하고 받아볼 수 있습니다.출처 스파르타 코딩클럽🥑 jQuery\-HTML의 요소들을 조작하는, 편리한 Javascript를 미리 작성해둔 것이라고 생각하면

2021년 10월 10일
·
0개의 댓글
post-thumbnail

[업무기록_작업] 회원가입 개선

기존 helpi service 회원가입이 특정이유로 naver form 으로 helpi신청을 받고 있습니다. 이러한 회원가입 과정을 일반적인 회원가입이 형태로 전환하는 작업입니다.업무 구분 : frontEnd + backEnd인원 : 1명기간 : 1주일front 작업

2021년 10월 10일
·
0개의 댓글
post-thumbnail

Fullpage 라이브러리 기본3

메소드를 이용해보자 afterLoad() >afterLoad: function(anchorLink,index) 화면이 전환되고 나서 실행 //화면이 전환되었는지 구분가능 .png) 만약 이것을 활용한다면 %20%ED%99%9C%EC%9A%A9%EC%98%88%E

2021년 10월 9일
·
0개의 댓글
post-thumbnail

Fullpage라이브러리 기본2

class명 slide 추가그 다음 jquery에 acnchor: \[] 배열에 data-menuanchor=" "와 똑같이 string 값을 주면 된다.

2021년 10월 9일
·
0개의 댓글
post-thumbnail

Fullpage 라이브러리 기본1

레이아웃상 header나 footer는 다른 영역보다는 작은 것을 볼 것이다. 하지만 fullpage라이브러리는 크기조절 클래스를 추가 해주지 않는 이상 사용자 스크린 높이만큼 영역을 차지 한다.fp-auto-heightsection 4영역 보다 높이 차이가 육안으로

2021년 10월 9일
·
0개의 댓글
post-thumbnail

jQuery 2

제이쿼리 기초 개념을 활용한 연습

2021년 10월 8일
·
0개의 댓글
post-thumbnail

jQuery 1

제이쿼리 기초 개념

2021년 10월 8일
·
0개의 댓글
post-thumbnail

jquery img 태그 이미지 주소 변경 .attr("", imgurl);

$("#지정된 id값").attr("src", 불러온url변수값);

2021년 10월 8일
·
0개의 댓글