본문 바로가기

jQuery3

jQuery를 이용해 visibility 설정하기 하위 태그 작성... 이러한 div가 있을때 값을 display(visibility)를 설정하는 방법 $ (function(){ $("#box").css("display","none"); // 보여주지 않음$("#box").css("display","block"); // 값을 보여줌 }); 여기서 또 한가지 display 대신에 visibility 를 이용해 설정을 하는 경우도 있다.차이점은 페이지가 로드될 때 하위 요소의 데이터를 다 읽어오냐 안읽어오냐의 차이로 구분할 수 있다. display → 페이지가 로드 될 때 none 값이라면 하위요소 (데이터)를 읽어오지 않음visibility → hidden이건 visibility건 상관없이 페이지가 로드되면 하위요소(데이터)를 읽어옴 $ (function.. 2019. 5. 27.
jQuery를 이용해서 HTML롤링배너 만들기 안녕하세요~비가 주륵주륵 내리는 하루의 마무리 중인 Milkye입니다. 오늘은 업무중에 아예 새로운 페이지 제작이 있어서 어떤 방법이 예쁠까를 찾아보다가 롤링배너가 생각이 나서 가지고 왔습니다. jQuery를 이용해서 자연스럽게 흐르는 롤링배너를 만들어 볼 겁니다.소스가 어렵지 않으니 바로 시작을 해보도록 하고, 혹시나 어렵다고 느끼실 함수들이 있을 수 있어서 소스와 결과 설명 후에 한번 더 정리를 해보도록 할게요. 인터넷에 잘 정리를 해 둔 소스가 있어서 살짝 가져왔습니다. [소스] [결과] 소스가 대략 이해가 되시나요?이미지를 이어붙인 후, 앞에 이미지를 맨 뒤에 붙인 후 그 이미지는 삭제하는 구조로 이루어져 있습니다.그게 .animate() 함수의 function이 담당을 하고 있구요.추가는 .ap.. 2018. 5. 3.
[jQuery] bind 함수로 이벤트 연결 방법 안녕하세요.Milkye 입니다 :) 날씨가 좋았던 하루였네요. 오늘은 jQuery에서 이벤트를 다른 함수로 연결(bind)해주는 방법에 대해서 알아보도록 할게요. bind 함수에 대해서 간단하게 설명을 해볼게요. 우리가 jQuery에서 어떠한 이벤트가 발생을 했을 때 사용하는 방법입니다. 예를들어서 버튼의 클릭이 발생했다고 하면 우리는 대부분 이러한 방법을 사용할 것입니다. 대부분 이렇게 사용을 하시죠?만약 여기에 다른 클릭이벤트 뿐 아니라 다른 이벤트들이 추가가 된다면 어떨까요?저는 버튼이 눌린 mousedown과 떼어진 mouseup을 추가를 시키고 싶습니다. 그러면 저렇게 코드를 3줄을 더 써야하겠죠?그런데 이걸 하나로 묶는 방법이 있습니다. 그게 바로 bind인 것이죠. 지금은 클릭됨,눌림,떼어짐.. 2018. 5. 2.