반응형

JQuery 2

jQuery 우측 슬라이드 메뉴 만들기

보통 모바일 웹 페이지를 만들 때 왼쪽 슬라이드 메뉴를 만들곤하는데, 사실 일반 사람들은 페이지의 왼쪽 상단을 메뉴 버튼보다 뒤로 가기 (←) 버튼이 익숙하기 때문에 가끔씩 왼쪽 슬라이드가 아닌 당신 슬라이드 메뉴가 필요한 경우가 있습니다. 저 역시 프로젝트를 진행하면서 당신의 슬라이드 메뉴가 필요한 경우가 있지만 대부분의 슬라이드가 필요합니다. 그리하여 심플하게 사용할 수있는 모듈을 찾아서 잘 응용하여 쓸 수있게되어서 공유하고자합니다.간단한 사이드 바 다운로드 받기1. 우선  https://www.npmjs.com/package/simple-sidebar 에 접속합니다.2. 화면에서 다운로드 링크를 클릭합니다.3. 영역으로 스크롤되면 릴리스 링크를 클릭합니다.4. 다운로드 페이지로 이동하면 제일 최신 ..

Programing 2017.11.02

jQuery 셀렉터 기초 몇가지 (jQuery selector)

jQuery에서 가장 흔하게 (?) 많이 사용하는 기능 중에 하나 바로 셀렉터라고해도 과언이 아니죠. 그 중에서도 기초가되는 몇 가지만 뽑아서 정의 해 보겠습니다. 1. 요소 선택기 (태그 선택기) html 안에있는 모든 P 태그를 찾습니다. $ ( "P") 2. ID 선택기 이와 같은 이름이 같은 요소가 존재한다면 id 속성을 추가하여 유일한 ID 값을 지정 후 앞에 같이 아이디 앞에 #을 추가하여 사용합니다. $ ( "# abc1") 3. .class 선택기 CSS의 클래스 값을 사용하는 요소 만 찾고 아래에서 클래스 명 앞에. (마침표)를 추가하여 사용합니다.$ ( ". text_box"); 4. 전체 선택기 html상에서 전체 요소를 찾기는 경우는 극히 드물다고 보는데 아무쪼록 전체 선택 기능도 ..

Programing 2017.10.30
반응형