JQuery [animate, addClass, html]

JQuery [animate, addClass, html]

jQuery 란 ?

Download the uncompressed, development jQuery 1.11.2 jQuery는 빠르고, 작고, 기능이 풍부한 자바 스크립트 라이브러리입니다. jQuery(제이쿼리)는 브라우저 호환성이 있는 HTML 속 자바스크립트 라이브러리이며 클라이언트 사이드 스크립트 언어를 단순화 할 수 있도록 설계되었다. 존 레식이 2006년 뉴욕 시 바캠프(Barcamp NYC)에서 공식적으로 소개하였다. jQuery는 오늘날 가장 인기있는 자바스크립트 라이브러리 중 하나이다. jQuery는 MIT 라이선스와 GNU 일반 공중 사용 허가서v2의 듀얼 라이선스를 가진 자유 오픈 소프트웨어이다. jQuery의 문법은 코드 보기, 문서 객체 모델 찾기, 애니메이션 만들기, 이벤트 제어, Ajax 개발을 쉽게 할 수 있도록 디자인되었다. 또한, jQuery는 개발자가 플러그인을 개발할 수 있는 기능을 제공한다.

Hello jQuery!!

Coding Everybody!

Coding Everybody! position:absolute;

[SOURCE VIEW]

				<script src="/bootstrap/js/jquery-1.11.1.js"></script>
				<div id="target1" style="position: relative;opacity: 0.25;">
					Hello jQuery!!
				</div>
				<br />
				<div id="target2" style="position: fixed;">
					Coding Everybody!
				</div>
				<br />
				<br />
				<div id="target3" style="position: absolute;">
					Coding Everybody!
				</div>
				<br />
				<script>
		//document.getElementById('target').innerHTML='jQuery Hello';
		$('#target1').html('jQuery Hello');
		$('#target1, #target2').html('jQuery Hello!!').addClass('active').css('border', '1px solid green');
		$('#target3').addClass('activeJS').css('border', '1px dotted blue')
		$('#target1').animate({
			opacity: 1,
			left: '+=400'
		},2000);
	
	</script>