21.06.17 - jQuery

 

JQUERY

 

JQUERY -> javascript 변환시

JQUERY 이용시 네트워크 비용이 감소 효과. 네트워크 전송시간 감소. 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
//jQuery(document).ready(function(){}); 같은내용
//$(document).ready(function(){ 같은내용 $ = document.querySelectAll()
$(document).ready(function(){
  $("p").click(function(){
    $(this).hide();
  });
});
</script>

JQUERY에서 ->(달라표시) $ = document.querySelectAll() 

$(객체) 또는 $('선택자') 또는$(this) <== 이런형태로 사용가능.

 

javascript객체와 JQUERY객체 구분이 꼭 필요!

javascript객체와 JQUERY객체 구분이 꼭 필요!

 

JQUERY 선택자(W3schools.com)

https://www.w3schools.com/jquery/jquery_selectors.asp

 

헷갈리는 선택자들..

$("ul li:first")	Selects the first <li> element of the first <ul>  /첫번쨰 ul 중 첫번째 li선택
$("ul li:first-child")	Selects the first <li> element of every <ul> /전체 ul 중 모든 첫번째 li선택
$("tr:nth-child(2n+1)")	홀수행 선택
$("tr:nth-child(2n)")	짝수행 선택