JS 프레임워크/jQuery8 [jQuery] 문서 객체 문서 객체의 클래스 속성 추가 메소드 이름 설명 addClass() 문서 객체의 클래스 속성을 추가 합니다. Header-0 Header-1 Header-2 문서 객체의 클래스 속성 제거 메서드 이름 설명 removeClass() 문서 객체의 클래스 속성을 제거 Header-0 Header-1 Header-2 문서 객체의 속성 검사 메서드 이름 설명 attr() 속성과 관련된 모든 기능을 수행 문서 객체의 속성 추가 attr()메서드 사용 방법 1. $(selector).attr(name, value); 2. $(selector).attr(name, function (index,attr) {}); 3. $(selector).attr(object); 문서 객체의 속성 제거 이름 설명 removeAttr(n.. 2021. 4. 10. [jQuery] 문서 객체 선택과 탐색 기본 필터 메서드 filter 메서드 메서드 이름 설명 filter() 문서 객체를 필터링 한다. 1번 코드 Header-0 Header-1 Header-2 Header-3 Header-4 Header-5 매개 변수 설명 :even 짝수번째 요소를 모두 가져온다 ( first index : 0 ) :odd 홀수번째 요소를 모두 가져온다 ( first index : 0 ) filter() 메서드의 매개변수에 선택자를 입력 2번 코드 Header-0 Header-1 Header-2 Header-3 Header-4 Header-5 특정 위치의 문서 객체 선택 메서드 이름 설명 eq() 특정 위치에 존재하는 문서 객체를 선택 first() 첫 번째에 위치하는 문서 객체를 선택 last() 마지막에 위치하는 문서.. 2021. 4. 10. [jQuery] 기본 선택자 CSS의 가장 기본적인 선택자는 전체 선택자 입니다. HTML 페이지에 있는 모든 문서 객체를 선택하는 선택자 이다. 전체 선택자 Lorem ipsum CSS메서드는 jQuery에서 가장 기본적인 메소드이다. $('*').css('color', 'red'); 첫번째 매개변수에는 바꾸고자 하는 스타일 속성 이름을 입력 두번째 메소드에 스타일 속성 값을 입력 태그 선택자 - 일반 태그 선택자 특정한 태그를 선택하는 선택자 이다. Lorem ipsum Lorem ipsum dolor sit amet Lorem ipsum consectetur adipiscing elit h1태그에만 스타일이 적용이 되었다. 태그 선택자 - 여러개 태그 선택자 Lorem ipsum Lorem ipsum dolor sit amet.. 2021. 4. 10. [jQuery] 설치 다운로드 https://jquery.com/ jQuery What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. jquery.com 사이트 방문 이후 Download jQuery로 들어간다. 이후 페이지를 조금 내려서 Using jQuery with CDN를 찾아 형광색으로 체크한 링크로 들어가거나밑에 링크.. 2021. 4. 8. 이전 1 2 다음
