분류 전체보기 썸네일형 리스트형 03-3.엘리먼트 콘텐츠 설정 엘리먼트 콘텐츠 설정 [ HTML과 텍스트 콘텐츠 대체 ] html() - 일치하는 집합에서 첫 번째 엘리먼트의 HTML 콘텐츠를 가져온다. html(text) - 전달된 HTML 코드를 모든 일치하는 엘리먼트의 콘텐츠로 설정. text() - 확장 엘리먼트의 모든 텍스트 콘텐츠를 결합하여 커맨드의 결과로 반환. - 반환값 : 결합된 문자열 예제) 하나 둘 셋 넷 var text = $('#theList').text(); 설명) text변수에 '하나둘셋넷'이 설정된다. text(content) - 모든 확장 엘리먼트의 텍스트 콘텐츠를 전달된 값으로 설정. - content : (String) 설정할 텍스트가 ''을 포함한다면, 그 문자는 HTML 엔티티로 대체. [ 엘리먼트 복사 / 이동 ] append.. 더보기 03-2.엘리먼트 스타일 변경 엘리먼트 스타일 변경 [ 클래스 추가 / 제거 ] addClass(names) - 매개변수로 전달된 하나 이상 되는 클래스명을 확장 집합의 모든 엘리먼트에 추가. - names : (String) 클래스명을 포함하는 문자열. 여러 클래스명을 추가할 때는 공백으로 구분. removeClass(names) - 매개변수로 전달된 하나 이상되는 클래스명을 확장 집합에 있는 모든 엘리먼트에서 제거. - names : (String) 다수의 클래스명을 제거하는 경우 공백으로 구분. toggleClass(name) - 매개변수로 전달된 클래스명이 엘리먼트에 존재하지 않으면 추가하고, 존재한다면 제거한다. [ 스타일 얻고 설정하기 ] css(name, value) - 일치하는 각 엘리먼트에 name 매게변수의 CSS .. 더보기 03-1.엘리먼트 프로퍼티와 어트리뷰트 조작 엘리먼트 프로퍼티와 어트리뷰트 조작 [ 엘리먼트 프로퍼티 조작 ] each(iterator) - 일치하는 집합을 순회하면서 전달된 반복자 함수를 엘리먼트마다 호출 예제1) $('img').each(function(n){ this.alt='아이디가 ' + this.id + '인 image[' + n + ']이다.'; }); 설명1) 페이지에 있는 모든 이미지 엘리먼트마다 인라인(inline) 함수를 호출하여, 엘리먼트의 순서와 id를 사용하여 만든 문자열로 alt 프로퍼티를 변경. 예제2) var allAlts = new Array(); $('img').each(function(){ allAlts.push(this.alt); }); 설명2) alt 프로퍼티의 모든 값을 배열로 가져온다. 예제3) var a.. 더보기 엘리먼트 집합 생성하기 [ 기본 CSS 셀렉터 사용하기 ] a - 모든 링크() 엘리먼트와 일치하는 셀렉터. #exID - exID를 아이디로 가지는 엘리먼트와 일치하는 셀렉터. .exClass - exClass를 클래스로 가지는 엘리먼트와 일치하는 셀렉터. a#exID.exClass - 아이디가 exID 이고, 클래스가 exClass인 링크와 일치하는 셀렉터. p a.exClass - 엘리먼트 내에 클래스가 exClass인 모든 링크와 일치하는 셀렉터. 아래 코드와 같이 쓰임 $("p a.exClass") [ 자식 셀렉터(child selector) ] : 부모와 자식 엘리먼트는 오른쪽 부등호(>)로 구분 예제) ul.myList > li > a 설명) myList 클래스를 지닌 엘리먼트의 바로 아래 자식 리스트 앨리먼트인 .. 더보기 문자열 [ 시퀀스 자료형 ] - 여러 객체를 저장 - 각 객체들은 순서를 갖는다 - 각 객체들은 첨자를 이용하여 참조가능 * 종류 : 리스트, 튜플, 문자열 * 공통 연산 인덱싱(indexing) [1] 슬라이싱(slicing) [1:4] 연결하기 s + t 반복하기 s * 4 멤버쉽 테스트 'a' in s 길이 정보 len(s) >>> s = 'abcd' //문자열 >>> L = [100,200,300] //리스트 >>> t = ('tuple', 'object', 1, 2) //튜플 [ 여러 줄 문자열 ] - '''혹은 """로 정의 >>> multiple_lines = ''' first line second line third line ''' >>> print multiple_lines first line .. 더보기 이전 1 2 3 4 5 6 7 다음