# jquery
jquery / 자바스크립트 오늘하루 그만보기 (쿠키이용하기)

AOS(animate on scroll) IE 오류 대처 방법
스크롤에 따라 컨텐츠에 여러가지 애니메이션 효과를 쉽게 구현해주는 AOS 라이브러리가 있다.간단히 적용할 수 있어 자주 쓰고 있는데 IE에서는 동작하지 않는다.IE로 보게되면 AOS가 적용된 컨텐츠에 opacity가 0에서 1로 변환되지 않아서해당 컨텐츠들이 아예 보이

swiper 슬라이드 IE 오류 해결
swiper를 생각없이 쓰고 있었는데 최근에 IE에서 동작하지 않는 것을 발견했다.내가 사용하는 버전은 6.4.5 였는데 검색해보니 버전 5 부터 IE를 지원하지 않는다고 한다.버전 5 미만의 swiper를 사용하면 IE 오류 문제를 해결할 수 있다.https:
javaScript - window.onload()란?
지도 라이브러리를 찾아보다가 onload()라는 함수를 발견했고, 궁금해서 찾아보았다. 위와 같이 사용을 하면, 원칙상으로 자바스크립트의 document.getElementById( 'id' );가 html 내부 id가 test 이란 태그가 생성되기도 전에 실행되므로
jQuery - .text() Method
.text().text()는 선택한 요소 안의 내용을 가져오거나, 다른 내용으로 바꾼다. . .html()과 비슷하지만 태그의 처리가 다르다.var jb = $( 'h1' ).text();h1 요소의 내용을 변수 jb에 저장한다.https://www.codin
[jQuery] AJAX통신 회원 리스트
현재 HTML 화면에는 많은 컨텐츠가 있다고 가정합니다. 등록 버튼을 클릭하면 화면 전체를 전환하지 않고 DB서버에 추가를 하고 다시 오게 끔 Ajax통신을 해보고자 합니다. 2021년 1월 29일(금) ~ 2021년 1월 31(일)member테이블은 아래와 같이 정
[신입17] JQuery Slider Plugin - AutoPlay (Slick, Swiper, bxSlider)
리베하얀님의 [JQuery Plugin] 유튜브 강의를 보며
[신입16] JQuery Slider Plugin 기초 (Slick, Swiper, bxSlider)
리베하얀님의 [JQuery Plugin] 유튜브 강의를 보며
.png?w=768)
jquery - ajax를 사용해 select dropdown list 를 json 데이터로 동적 연결하는 방법
db에 담겨있는 데이터 값을 select dropdown list 목록에 표출하고자 한다. 🌻데이터 값을 갖고 있는 json 파일이다. ⬇ 각각의 메소드가 궁금하다면 링크 클릭하기 ⬇ getJson().each() .append() https://www.e
jQuery - .append() 메서드
기존 element 의 내부에 새로운 element나 content를 추가할 수 있다. 크게 네가지 메소드가 존재한다. .append() : 선택된 요소의 마지막에 새로운 요소나 콘텐츠를 추가한다..prepend() : 선택된 요소의 첫번째에 새로운 요소나 콘텐츠를 추
json 파일을 읽어올 때 getJSON() 과 ajax() 차이
ajax를 사용하던 도중 getJSON() 과 ajax() 에 대한 차이가 궁금해졌다. async 옵션, type 옵션을 활용할 수 없다! 😮😮 async 옵션은 기본적으로 true 가 default 인데, false 로 하면 백그라운드로 진행하는게 아니라 순차적
jQuery - getJson() 메서드
제이쿼리는 ajax() 함수외에도 다양한 단축메소드가 있다. 이중에서도 getJSON() 메소드에 대하여 알아보려고 한다. 😀😀 ajax 단축 메소드는 이외에는 get(), post(), load()등의 메소드가 존재한다. getJSON()은 비동기식으로 서버와 접
jQuery - each() 메서드
jQuery를 사용해 배열을 관리하고자 할 때 each() 메서드를 사용할 수 있다. each() 메서드는 매개 변수로 받은 것을 사용해 for in 반복문 과 같이 배열이나 객체의 요소를 검사할 수 있다. $.each() 메서드는 object 와 배열 모두에서 사용할

react.js에서 jquery 사용기(bootstrap-select)
react 프로젝트를 진행하고 있는데, 어쩌다보니 jquery를 사용해야하는 경우가 있어 사용해보았다. 간단히 겪었던 내용을 설명해보고자 한다. 글을 읽는 분에게 도움이 되시길.먼저 react.js를 사용하다가 jquery를 사용하게된 이유가 무엇이냐?bootstrap
jQuery - val() 메소드
그냥 항상 무의식적으로 써오던 메소드에 대해 알아보려고 한다. 양식(form)의 값을 가져오거나 값을 설정하는 메소드이다. var test = $('input위 코드는 id가인 input 요소의 값을 변수 test에 저장한다는 뜻이다. 다음의 코드를 실행해보자! 😎
JQuery 3일차
hide() : 요소 대상이 사라짐show() : 요소 대상을 보여지게함toggle() : 요소 대상을 사라질경우 보이게하고 보일경우 사라짐slideUp() : 요소를 위쪽으로 사라짐slideDown() : 요소를 아래쪽으로 나타냄slideToggle() : 요소를 위
jQuery - 요소(element) 관련 함수
JS 는 .valueJQ 는 .val()jquery 1.6까지 쓰였고 이제는 안쓰는 메소드임..on() 메소드가 대체하게 됨.
JQuery 2일차
javascript 에서는 .value 를 통해 값에 접근할수 있다.JQuery 에서는 .val() 을 통해 값에 접근 할 수 있다..next() 의 경우 다음 요소 태그를 불러오고.prev() 의 경우 이전 요소 태그를 불러온다..submit( handler) 폼 태