제이쿼리란?
jQuery는 자바스크립트 라이브러리입니다.
jQuery는 JavaScript 프로그래밍을 크게 단순화합니다.
jQuery는 배우기 쉽습니다.
jQuery 숨기기 및 표시
jQuery를 사용하면 hide() 및 show() 메서드를 사용하여 HTML 요소를 숨기고 표시할 수 있습니다.
예시
$("#hide").click(function(){
$("p").hide();
});
$("#show").click(function(){
$("p").show();
});
jQuery 슬라이딩
jQuery를 사용하면 HTML 요소에 슬라이딩 효과를 만들 수 있습니다.
- 슬라이드다운()
- 슬라이드업()
- 슬라이드 토글()
예시
$("#flip").click(function(){
$("#panel").slideDown();
});
jQuery 애니메이션
예시
$("button").click(function(){
$("div").animate({
left: '250px',
height: '+=150px',
width: '+=150px'
});
});
jQuery 조작 CSS
예시
$("button").click(function(){
$("h1, h2, p").toggleClass("blue");
});