반응형 분류 전체보기39 6. HTML 요소 관련 메서드 메서드 종류 설명 text(), html() 문서객체 안의 내용을 가져오거나 추가할 때 사용하는 메서드 attr(), prop() 문서객체의 속성의 값을 가져오거나 속성을 추가하는 메서드 removeAttr() 문서객체 속성을 제거하는 메서드 텍스트 관련 text()와 html() 메서드 비교 text메서드와 html메서드는 문서객체의 텍스트컨텐츠를 컨트롤하는 메서드입니다. 둘다 게터와 세터를 갖고 있어, 글자를 얻어올 수도 있고, 변경할 수도 있습니다. 두 메서드의 큰 차이는 태그문자를 태그로 인식하는지, 아니면 문자로 인식하는지입니다. 자바스크립트의 innerHTML속성과 innerText속성을 메서드화 시켰다고 생각하면 편합니다. 1. 매개변수가 없는 경우(게터) 텍스트1텍.. 2024. 9. 10. 5. DOM 탐색 메서드 DOM 탐색 메서드문서객체의 선택이 이동되는 메서드들입니다. 흔히, 가족관계 선택을 의미합니다.(부모, 조상, 자손, 후손, 형제) 메서드 종류 설명 parent() 선택된 문서객체의 부모요소를 선택 parents() 선택된 문서객체의 모든 조상요소를 선택 parents('선택자') 선택된 문서객체의 조상요소 중 매개변수에 작성한 조상요소를 선택 parentsUntil('선택자') 선택된 문서객체의 조상요소 중 매개변수에 작성한 요소 전까지 조상요소들을 선택 children() 선택된 문서객체의 모든 자손요소를 선택 children('선택자') 선택된 문서객체의 자손요소 중 매개변수에 작성한 자손요소를 선택 find('선택자') 선택된 문서객체의 후손요소 중 매개변수에 작성한.. 2024. 8. 22. 4. 필터 메서드 필터 메서드선택된 문서객체를 다시 재선택하는 메서드입니다. 메서드 종류 설명 first( ) 선택된 문서객체 중 첫번째 객체를 재선택하는 메서드 last( ) 선택된 문서객체 중 마지막 객체를 재선택하는 메서드 even( ) 선택된 문서객체 중 짝수 객체를 재선택하는 메서드 odd( ) 선택된 문서객체 중 홀수 객체를 재선택하는 메서드 eq(n) 선택된 문서객체 중 배열번호가 n번인 객체를 재선택하는 메서드 filter(기준) 선택된 문서객체 중 매개변수의 기준에 맞는 객체를 재선택하는 메서드 not(기준) 선택된 문서객체 중 매개변수의 기준이 아닌 것을 재선택하는 메서드 add('선택자') 선택된 문서객체와 매개변수의 선택자를 추가로 선택하는 메서드 first( ) .. 2024. 8. 21. 3. 메서드 문법 메서드 문법 jQuery는 속성을 사용하는 방식은 거의 없고 대부분 메서드화시켜서 작성합니다. 메서드 괄호( ) 안에 매개변수를 어떻게 작성하는지에 따라 다양한 유형이 나뉩니다. 메서드에 따라서 한 개 유형만 가질 수도 있고 여러 개 유형을 가질 수도 있습니다. 게터(get~) 형식 메서드는 객체의 값을 얻어오는 메서드를 의미합니다. 세터(set~) 형식 메서드는 객체의 값을 변경하는 메서드를 의미합니다. javascript는 get과 set을 붙여 구분하지만 jQuery는 한 메서드로 같이 사용합니다. 메서드 문법 유형 문법유형예시1. 매개변수가 없는 유형 $('선택자').메서드명( ); 2. 매개변수가 한개인 유형 $('선택자').메서드명(값); 3. 매개변수가 여러개인 유형 $('선.. 2024. 8. 20. 2. 선택자 선택자란?jQuery는 자바스크립트에서 파생되어 객체선택 방식을 사용해야 하는데 그 방식을 선택자라고 합니다셀렉터라고도 불리며 객체선택이 쉬워진 것이 특징입니다.소개된 선택자 외에도 다양한 선택자가 있습니다. (https://www.w3schools.com/jquery/jquery_ref_selectors.asp) 요소(Element) 관련 선택자선택자의 종류예시설명*$('*')모든 문서객체를 선택 element $('h1')특정 태그를 모두 선택 #id $('#text')작성된 아이디값을 갖는 문서객체를 선택 .class $('.text')작성된 클래스값을 갖는 문서객체를 선택 [attribute='value'] $('input[type=text]')해당 요소의 태그속성명과 속성값이 갖은 문서객체를 선.. 2024. 8. 7. 1. jQuery 란? jQueryHTML의 조작을 단순하게 하기위해 설계된 크로스 플랫폼 자바스크립트 라이브러리입니다.존 레식이 2006년 뉴욕시 바캠프에서 공식적으로 소개하였습니다.최근 리액트나 Vue.js같은 자바스크립트 프레임워크가 나오면서 트렌드에 밀리고는 있지만 실무에서는 여전히 많이 사용합니다.jQuery의 목적은 웹사이트에서 javascript를 훨씬 쉽게 사용할 수 있도록 하는 것입니다. 라이브러리 적용 기본적으로 웹페이지가 라이브러리 없이 인식하는 프론트엔드 언어는 HTML, CSS, Javascript 세가지입니다.그 외의 자바스크립트 프레임워크들을 사용하려면 반드시 라이브러리를 적용해야 합니다.웹페이지에 jQuery를 추가하는 방식은 두 가지가 있습니다. 다운로드 방식jQuery 라이브러리 파일을 다운로.. 2024. 8. 5. 이전 1 2 3 4 ··· 7 다음 반응형