jQuery 기초 _ TIL 3일차

jQuery 기초

jQuery는 HTML의 클라이언트 사이드 조작을 단순화 하도록 설계된 크로스 플랫폼의 자바스크립트 라이브러리

자바스크립트의 복잡한 언어를 제이쿼리로 직관적으로 쓸 수 있다.

 

jQuery 기본 문법

//Javascript code
document.getElementById("element").style.display = "none";

//jQuery code
$('#element').hide();

 

jQuery 함수/메소드

.text 는 안에 있는 모든 텍스트를 변경하라는 뜻

.html 은 안에 있는 모든 내용을 변경하라는 뜻

.css 는 스타일 속성을 변경하라는 뜻

    $('#title').text('hi'); 
    $('#title').html('<p>hi</p>'); 
    $('#title').css('color', 'red');

 

jQuery의 장점

아래와 같이 애니메이션을 쉽게 부착할 수 있음

    $('menu').hide(); 
    $('menu').show(); 
    $('menu').slideUp(); 
    $('menu').slideDown();
    $('menu').slideToggle();
    $('menu').fadeOut(); 
    $('menu').fadeIn(); 
    $('menu').fadeToggle(); 
    $('menu').toggle();