728x90

제이쿼리 3

[html, jquery] 팝업 레이어-오늘 하루 그만보기, jquery-cookie (쿠키사용)

[오늘 하루 그만 보기] 간단히 구현하기 [jquery-cookie 플러그인 다운로드 및 사용법 참고] https://github.com/carhartl/jquery-cookie * jquery-cookie 를 이용하지 않고 순수 JS 만으로 구현하는 것이 불필요한 유틸을 참조하지 않고 좋으나 여기서는 일단 편의성과 기존의 사이트에서 이용하고 있기 때문에 사용한다. html 오늘 하루 그만보기 [닫기] script 1. 팝업창이 display:none 상태에서 페이지 로드시 쿠키(notice)가 있는지 확인한다. 2. 쿠키가 없으면 팝업창을 노출 해주고 있으면 비노출한다. 3. 닫기 버튼 클릭시 "checkbox" 체크가 되어있으면 "notice" 쿠키 생성 후 팝업창을 닫는다.

dev/html 2021.01.05

[jQuery] 제이쿼리 클래스(Class) 생성(addClass), 삭제(removeClass), 토글(toggleClass), hasClass

jQuery 에서 Element(요소)의 class 속성에 대해 컨트롤 할 때 사용하는 메서드 addClass 속성 값 추가 $("p").addClass("속성 값"); 선택된 요소의 class 속성값을 추가 removeClass 속성 값 삭제 $("p").removeClass("속성 값"); 선택된 요소의 class 속성값이 있으면 삭제 toggleClass 속성 값 추가 및 삭제 $("p").toggleClass("속성 값"); 선택된 요소에 속성값이 없으면 추가하고 있으면 삭제 hasClass 속성 값 확인 $("p").hasClass("속성 값"); 선택된 요소의 속성값의 존재 여부에 따라서 True, False 반환 예제 코드 main Sub 1 결과 화면

dev/jquery 2020.12.03

[jQuery] 제이쿼리 select 박스 text 사용시 주의 - val, text

selectbox 는 여러개의 목록중 선택한 하나의 value 나 text 데이터를 읽어 올수 있습니다. 색상 선택 노랑 빨강 초록 selectbox 에 대하여 value 와 text 데이터를 가져오기 value 값은 다른 입력폼과 같이 val()로 바로 select를 할수 있다 하지만 text()는 select 태그의 모든 text 데이터를 가져오기 때문에 현재 선택된 text 만 가져 오도록 하여야 한다. 물론 value 도 text 와 같이 선택자만 가져오도록 해도 동일하다. $("#color").val(); --> O $("#color").text(); --> X (의도하지 않은 text 데이터가 될수 있음) $("#color option:selected").val() --> O $("#color..

dev/jquery 2020.10.26
728x90