[j-Query]

select class 클릭 시, list class 보이게 하라!li 항목 클릭 시, 해당 텍스트가 select text에 담겨야 한다li 항목 클릭 시, 형제 리스트 목록은 숨겨져야 한다. (클래스 제거)list class가 보일때 select box를 제외한 부분

jQuery를 이용하여 전체동의 체크박스UI를 아래와 같이 만들어 보았다.전체동의 체크 박스를 클릭하면 모두 체크되고, 해제시 모두 해제되는 함수를 생성한다.해당 체크박스의 체크 유무를 알려주는 함수 prop를 이용하여 전체동의 체크박스에 체크가 되어있을 경우, 나머지

layout: posttitle: "jQuery Modal Popup UI"date: 2022-05-17 12:50:38modified: 2022-05-17 12:50:38tag: javascript, jquery눌러보세용 클릭 시 모달 창이 나타난다.닫기를 누르면 모

que를 클릭했을 때, 바로 다음 요소(anw)가 보이게 하라que를 클릭했을때 on class 적용, 다른 que나 해당 que 클릭시 on class 해제하나의 anw 만 slide 애니메이트 적용next()함수는 바로 다음 요소를 선택하여 준다.stop함수는 적용

버튼 클릭시 팝업창이 나타난다.팝업창이 띄워져 있을때, 딤드 영역이나 닫기 버튼 클릭시 팝업창이 닫힌다.버튼 클릭시 팝업이 나타나는 함수 실행닫기 버튼 클릭 또는 딤드 영역 클릭시 팝업창 닫힘

1.상단 메뉴바는 스크롤을 내려도 계속 상단에 노출된다.2.각 메뉴바를 누르면 첫 화면으로 올라간다.cnt의 hieght가 300이므로, widow.scrolltop이 300이 넘어갈 경우, 해당 메뉴바를 상단(top=0)에 고정시키는 class를 입혀준다.만약 win

햄버거 메뉴 버튼 클릭시, 각기 다른 클래스가 입혀진다.다시 클릭시 기존 햄버거 메뉴로 돌아온다.각 menu trigger 클래스 안의 12개 요소를 선택해주는 함수를 작성한다.this로 총 12개의 menu-trigger를 받고 하나씩 클릭할때마다 각 index값의

1970년도부터 오늘년도까지 년도selectbox 생성월, 일 selextbox 생성new Date 내장 함수를 사용하여 현재 날짜를 구한다.new Date 를 담은 변수에 getfullyear을 사용하여, 현재 년도를 가져온다.1970년도부터 현재년도까지 선택할 수