해당 포스팅은 강의 복기용으로 키워드를 기록하는 용도의 포스팅입니다.
--------------------------------------------------------------------------------------------------
jQuery
: DOM을 다루기 편리하게 만드는 라이브러리. querySelector()기능이 생기고 가상돔을 사용하는 등의 변화로 잘 사용하지 않는 추세라고 한다. 그러나 가장 많이 사용하는 라이브러리였고 앞으로도 완전히 없어지지는 않을 것으로 보여 알아둘 필요가 있다.
$() 로 감싼 돔객체는 jQuery객체가 되며 jQuery의 메소드를 사용할 수 있게 된다.
jQuery의 메소드들
.first()
.last()
.eq()
.css()
.filter()
.parent()
.parents()
.parentsUntil()
.children()
.find()
.siblings()
.next()
.nextAll
.nextUntil()
.prev()
.prevAll()
.prevUntil()
컬렉션을 처리하는 메소드 $.each(컬렉션, function(index,item) { });
여기사 item은 jQuery객체가 아닌 점 유의
실습)
j쿼리의 메소드를 이용하여 원하는 html태그를 선택하기.
this키워드: 객체 자기자신
.addClass()
.removeClass()
.attr()
.html() 과 .text()의 차이점
: .text()는 문자열이라 html태그가 작동하지 않는다.
.remove()
.empty()
.appendTo()
.prependTo()
.insertAfter()
.insertBefore()
.append()
.prepend()
.after()
.before()
.clone()
'개발 > KH국비지원과정' 카테고리의 다른 글
[KH국비지원 웹개발자 과정] Day_50 키워드 JS정규표현식,부트스트랩,반응형웹 (1) | 2022.08.22 |
---|---|
[KH국비지원 웹개발자 과정] Day_49 키워드, jQuery 이벤트 (0) | 2022.08.19 |
[KH국비지원 웹개발자 과정] Day_47 키워드, JS 객체, JSON, jQuery (0) | 2022.08.17 |
[KH국비지원 웹개발자 과정] Day_46 키워드, JS배열, 함수,이벤트 등 (0) | 2022.08.17 |
[KH국비지원 웹개발자 과정] Day_45 키워드 JS, DOM, BOM (0) | 2022.08.12 |