[jQuery] .eq / .addClass .eq .addClass jQuery 그냥 그때 그때 찾아가면서 사용했는데 ㅠㅠ 기억에 남는 게 없어서 기록을 계속 해본다. .addClass ? 선택된 요소에 클래스를 추가. ex ) $('selector').addClass('클래스') //함수가 실행될때 highlight 를 추가해준다. .eq( ) ? 선택한 요소의 인덱스 번호에 해당하는 요소를 찾음. ex) $('selector').eq(숫자); 1. 목록이 있는 페이지가 있다. list 1 list 2 list 3 list 4 2. .eq를 적용해서 변경한다. $("li").eq(3).css("background-color", "black"); 결과 1 2 3 4 인덱스 0번째 부터 시작해서 4번째 리스트의 background color는 bl.. 2021. 10. 15. [jQuery] .hasClass() .hasClass() .hasClass() : 선택한 요소의 class의 존재 여부를 확인 코드 적용해보기 * .addClass() : 선택한 요소의 클래스를 추가 * .removeClass() : 선택한 요소의 클래스를 제거 * .find() : 선택된 태그의 모든 자식태그들을 검색해서 찾는 것 * .val() : form elements에 값을 지정 * preventDefault : 어떤 태그를 눌렀을때 링크로 이동하지 않게 하거나, form안에 submit 역할을 하는 버튼을 눌렀어도 새로 실행하지 않게 하고 싶을 경우 사용 2021. 10. 6. [페이지로딩] $(window).load() 와 $(document).ready() $(window).load() 그리고 $(document).ready() 위 함수가 어떤 순서로 웹사이트를 load하게 만드는지 알아보자! jquery를 사용할 때 화면의 시작시 보여줌과 동시에 작업을 실행 시켜야하는 경우 사용하는 함수들이다. $(window).load() 해당 페이지의 외부리소스, 이미지 등이 로드 된 후에 처리 $(document).ready() window.load 보다 먼저 처리되며, DOM객체만 로드 되자마자 처리 *DOM이란? Document Object Model Front단에서 보여질 html이나 XML등의 문서를 객체로 표현하여 가지고 있는 것! DOM으로 html을 JavaScript를 통해 요소나 속성등을 추가하고 변경할 수 있는 것이라고 함 적용한 스크립트 *.do.. 2021. 10. 6. [slick] slick slider 슬릭 슬라이더 slick slider 슬릭 슬라이더 slick slider : 반응형 웹을 지원하는 슬라이더 라이브러리 슬릭 슬라이더는 전체 width 값에 따라 breakpoint 옵션을 사용해서 슬라이드를 n개씩 보이게 설정할 수 있다. slick slider 사용법 자세한 옵션은 slick의 https://github.com/kenwheeler/slick/ 여기서 확인 가능하다. 적용된 화면 slick slider가 적용이 되면 아래와 같은 화면이 나온다. breakpoint에 따라서 출력되는 화면의 개수가 다르다. 2021. 10. 6. 이전 1 다음
