jQuery5 jQuery 문서 객체 조작(이벤트연결) 이벤트 연결(1) 메서드 이름 설명 bind() 이벤트를 연결합니다. unbind() 이벤트를 제거합니다. //첫 번째 형태 bind() 메서드의 첫 번째 매개 변수에 이벤트 이름을 입력하고 두 번째 매개 변수에 이벤트 핸들러를 입력합니다. //두 번째 형태 bind() 메서드의 매개 변수에 객체를 넣어줍니다. 속성 이름과 속성값에 이벤트 이름과 이벤트 핸들러를 넣으면 쉽게 이벤트를 연결할 수 있습니다. -h1 태그를 click 이벤트에 연결하고 이벤트 발생 시 이벤트 발생 객체에 '+' 글자를 추가하고, bind() 메소드로 연결하여 마우스가 진입하면 reverse 클래스 속성을 추가하고, 마우스가 빠져나가면 reverse클래스 속성을 제거합니다. 이벤트 연결(2) 메서드 이름 설명 hover() mo.. 2020. 2. 18. jQuery 문서 객체 조작(삽입,이동) 문서 객체 삽입(1) 메서드 이름 설명 $.(A)appendTo(B) A를 B의 뒷 부분에 추가합니다. $.(A)prependTo(B) A를 B의 앞 부분에 추가합니다. $.(A)insertAfter(B) A를 B의 뒤에 추가합니다. $.(A).insertBefore(B) A를 B의 앞에 추가합니다. 문서 객체 삽입(2) 메서드 이름 설명 $.(A)append(B) A를 B의 뒷 부분에 추가합니다. $.(A)prepend(B) A를 B의 앞 부분에 추가합니다. $.(A)after(B) A를 B의 뒤에 추가합니다. $.(A).before(B) A를 B의 앞에 추가합니다. -다음은 자주 쓰이는 append() 메서드를 중심으로 알아보겠습니다. 이 메서드는 두 가지 형태로 사용합니다. //첫 번째 형태 con.. 2020. 2. 17. jQuery 문서 객체 조작(추가,제거) 문서 객체의 클래스 속성 추가 메서드 이름 설명 addClass() 문서 객채의 클래스 속성을 추가합니다. -문자열을 입력하여 추가하는 방법 입니다. - 매개 변수로 입력하는 함수 코드 index 매개 변수를 갖습니다. 선택자로 선택한 문서 객체에 차례대로 속성을 지정할 수 있습니다. 문서 객체의 클래스 속성 제거 메서드 이름 설명 removeClass() 문서 객체의 클래스 속성을 제거합니다. 문서 객체의 속성 추가 메서드 이름 설명 attr() 속성의 값을 가져오거나 속성을 추가합니다. -attr() 메서드는 다음과 같은 세 가지 형태로 사용할 수 있습니다. //1번 형태입니다. -첫 번째 매개 변수에는 속성 이름을 입력하고, 두 번째 매개 변수에는 값을 넣어줍니다. -'width' 속성에 '100'.. 2020. 2. 14. jQuery 기본(배열관리) jQuery를 사용한 배열 관리(1) jQuery를 사용해 배열을 관리할 때는 each() 메서드를 사용합니다. each() 메서드는 매개 변수로 입력한 함수를 사용하여 for in 반복문처럼 객체나 배열의 요소를 검사하는 메서드 입니다. 첫 번째 형태인 $.each() 메서드를 사용해 보겠습니다. 아래의 script 태그에 배열 array를 선언 합니다. 배열 array는 5개의 객체를 가지고 있고, 각 객체는 name 속성과 link 속성을 가지고 있습니다. $.each() 메서드의 첫 번째 매개 변수에는 배열을 넣습니다. 두 번째 매개 변수는 매개 변수로 index와 item을 갖는 함수를 넣습니다. 여기서, 두 번째 매개 변수로 넣은 함수의 매개 변수 index는 배열의 인덱스 또는 객체의 키를 .. 2020. 2. 13. 이전 1 2 다음
