WEB/JQuery9 조회 제한 selector context* 조회 할 때 조회 범위를 제한한다.$( "선택자 1", "선택자 2").함수명( 실행 구문 ); .find()* Jquery 객체 내에서 엘리먼트를 조회하는 기능을 제공한다.$("선택자 1").find("선택자 2".함수명(실행구문); * 체인을 끊지 않고 작업 대상을 변경하고 싶을 때 사용한다.$("선택자 1").함수명(실행구문1).find("선택자 2").함수명(실행구문2);=> 선택자 1.item-선택자 2의 모든 엘리먼트를 대상으로 실행구문1을 한 뒤 선택자 2에 대해서만 실행구문 2를 동작한다. 2016. 10. 15. 속성 제어 속성제어* Element 객체의 setAttribute, getAttribute에 대응되는 메소드 attr* removeAttribute에 대응되는 메소드 removeAttr 내 블로그 속성과 프로퍼티* JQuery에서 속성은 attr (Attribute 방식) 프로퍼티는 prop (Property 방식) 메소드를 사용한다. JQuery Test * JQuery를 사용하면 property이름으로 어떤 것을 사용하던 올바른 것으로 교정해준다. opentutorials opentutorials 2016. 10. 15. JQuery 객체 JQuery 객체* JQuery 함수의 리턴 값으로 JQuery 함수를 이용해서 선택한 엘리먼트들에 대해서 처리할 작어을 프로퍼티로 가지고 있는 객체이다.* 조회된 엘리먼트가 담겨있다. JQuery 객체는 유사배열의 형태로 조회된 엘리먼트를 가지고 있기 때문에 배열처럼 사용해서 엘리먼트를 가져올 수 있다. - 암시적 반복* DOM과는 다르게 JQuery 객체의 메소드를 실행하면 선택된 엘리먼트 전체에 대해서 동시에 작업이 처리된다. 암시적 반복은 값을 설정할 때만 동작한다. 값을 가져올 때는 선택된 엘리먼트 중 첫번째에 대한 값만을 반환한다. - 체이닝*선택된 엘리먼트에 대해서 연속적으로 작업을 처리할 수 있는 방법이다. - 조회된 결과 열람1. 엘리먼트 조회 2. JQuery를 이용해 DOM 객체 제어.. 2016. 10. 15. JQuery : 기본 사용 JQuery 기본 문법* $ 는 JQuery의 문법을 사용자는 정의 표현을 뜻한다.* #은 ID값을 가진 HTML 요소를 선택하라는 의미가 되고 . 은 Class값을 선택하라는 뜻이다. JQuery 코드 생산성 - Befor 1 : DOM 사용 시document.getElementById('id'); - After 1 : JQuery 사용 시$('#id'); - Befor 2 : DOM 사용 시 var lis = document.getElementByTagName('li'); for( var i = 0 ; i < lis.length ; i++ ){ lis[i].style.color = 'red'; } - After 2 : JQuery 사용 시 $('li').css('color', 'red') HTML 엘.. 2016. 10. 15. 이전 1 2 3 다음 반응형