Java Script jQuery

jQuery 는 자바스크립트의 라이브러리이다.

jQuery를 받아오는 방법

jQuery CDN

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> </script>

jQuery Syntax

 $(selector).action()

ex)

 $(this).hide() - hides the current element

 $("p").hide() - hides all <p> elements.

jQuery Event

ready 웹페이지 로딩이 끝났을때

click 클릭 됬을때

focus 마우스를 올렸을때

jQuery Effects

 $(selector).hide(speed,callback);
 $(selector).show(speed,callback);

 $(selector).fadeIn(speed,callback);

 $(selector).animate({params},speed,callback);

jQuery Callback Functions

콜백 함수는 현재 effect가 100% 실행된 뒤에 실행된다.

jQuery HTMl

 jQuery get &  jQuery set

text()

html()

val()

attr()

 jQuery Add

 jQuery CSS classes

 

 jQuery css()

ex) $("p").css("background-color")

jQuery AJAX

 jQuery load() Method

$(selector).load(URL,data,callback);

 jQuery get() and post() Methods

$.get(URL,callback);

$.post(URL,data,callback);