본문 바로가기

제이쿼리4

[JQ] 제이쿼리 부모, 자식 탐색 메서드 예시로 사용할 HTML * 부모, 자식 탐색 메서드 * 사과 바나나 키위 딸기 메론 find("selector") 메서드 $("element").find(["selector"]) 선택한 엘리먼트들의 자손들 중에 탐색하고자 하는 엘리먼트를 찾는다. children("selector") 메서드 $("element").children(["selector"]) 선택한 엘리먼트의 자식요소들 중에 탐색하고자 하는 엘리먼트를 찾는다. parent()/ parents("selector") 메서드 $("element").parent(["selector"]) $("element").parents(["selector"]) 선택한 엘리먼트의 부모/ 조상 엘리먼트를 찾는다. next("selector") 메서드 $("eleme.. 2019. 11. 25.
[JQ] 필터 셀렉터 Filter Selector : first 엘리먼트의 첫 번째 요소 선택 $("element:first") : last 엘리먼트의 마지막 요소 선택 $("element:last") : even 엘리먼트의 짝수번째 요소를 모두 선택 $("element:even") : odd 엘리먼트의 홀수번째 요소를 모두 선택 $("element:odd") : eq (index) index에 해당하는 요소를 선택 $("element:eq(index)") : gt (index) index 이후의 요소를 선택 $("element:gt(index") : lt (index) index 이전의 요소를 선택 $("element:lt(index") : has (selector) selector요소를 하나 이상 포함하고 있는 요소를 선택 $("element:has.. 2019. 11. 25.
[JQ] attr( ) 과 prop( ) 차이점 attr HTML의 속성(attribute)을 가져온다. 속성(Attribute)은 HTML 요소 안에 이름="값" 의 형태로 존재하면서 엘리먼트의 추가적인 정보를 담고 있다. prop JavaScript의 속성(property)을 가져온다. JavaScript로 가져온 dom 객체 (node, node list) boolean, date, function 등 2019. 11. 25.
[JQ] 제이쿼리 설치 JQuery 제이쿼리 JQuery 제이쿼리란 오픈 소스 기반의 자바스크립트 라이브러리이다. 자바스크립트에서 자주 사용되는 로직들을 손쉽게 사용할 수 있도록 묶어놓아 사용이 간편하고 짧고 단순한 코드로 구현할 수 있다. 제이쿼리 사용하기 ① : 라이브러리 파일 다운로드 다운로드 사이트 https://jquery.com/download/ Download jQuery | jQuery link Downloading jQuery Compressed and uncompressed copies of jQuery files are available. The uncompressed file is best used during development or debugging; the compressed file saves bandwidt.. 2019. 11. 25.