jQuery는 라이브러리로서 html를 조작하는 코드를 짧게 쓸 수 있습니다.예를 들어 document.query Selector의 경우 $1에 사용할 수 있습니다.addEvent Listener의 경우 on 단 2개의 알파벳만으로 사용이 가능합니다.
설치 및 사용법
- 구글 jquerycdn 검색 후 첫 페이지 클릭
2. 윗부분 클릭
3. 체크한 부분 클릭 후 복사 후
4. 이렇게 붙이고 밑에 스크립트 태그를 열고 제이콜리 문법을 쓰면 된다!
몇 가지 쿼리 예
document.queryselector (‘. navbar-toggler’). addEventListener (브라) -> $ (‘. navbar-toggler’). on (브라)
JQuery를 사용하여 클래스 이름이 hello인 p태그 내의 문자색을 red로 바꾸고 싶다면? $(‘.hello’).css(‘color’, ‘red’);
JQuery를 사용하여 클래스 이름이 hello인 p태그에 클래스를 탈부착하고 싶다면? $(‘.hello’).addClass(“클래스명”); // 클래스명 추가 $(“.hello”).RemoveClass (‘클래스명’) ; // 클래스명 제거 $ (‘.hello’).toggleClass (「학급 이름」); // 학급 이름 탈착
JQuery를 사용해서 클래스명이 hello인 p태그 내의 html를 바꾸고 싶다면? $(‘.hello’).html(‘바보’);
자바스크립트 이벤트 청취자를 JQuery로 사용하고 싶다면? $(‘.’test-btn).on (‘click’, function ( ) {효과가 어쩌지;});
JQueryUI 애니메이션 몇 개 $ (‘.test-btn’). on (‘click’, function ( ) {$ (‘.hello’). fade Out ( );};.hide ( )는 사라진다 <->show ( ).fade Out ( )은 서서히 사라진다 <-> fade In ( ). slide Up ( )은 줄고 사라진다 <-> slide Down ( ) fade Toggle ( )
2022.04.042022.05.232022.06.24