개발/KH국비지원과정

[KH국비지원 웹개발자 과정] Day_48 키워드, jQuery

mabb 2022. 8. 19. 19:17
반응형

 해당 포스팅은 강의 복기용으로 키워드를 기록하는 용도의 포스팅입니다.
--------------------------------------------------------------------------------------------------

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()

반응형