[jQuery] 기본문법

$(선택자).동작함수();

달러($) 기호는 제이쿼리를 의미하고, 제이쿼리에 접근할 수 있게 해주는 식별자이다.
선택자를 이용하여 원하는 HTML 요소를 선택하고, 동작 함수를 정의하여 선택된 요소에 원하는 동작을 설정한다.

html

<div class="name">홍길동</div>

script

<script>
	$('.name').text('원하는 텍스트로 변경 할 수 있다');
</script>

제이쿼리 실행 시 위에서부터 문서를 읽은 후 실행하기 때문에 스크립트 위치가 객체보다 위에 있을 경우에는 실행이 안된다. 이와같은 경우는 로드 후에 실행하는 구문을 추가하면 된다.

<script>
	$(function(){
    	$('.name').text('원하는 텍스트로 변경 할 수 있다');
    })
</script>

$(function(){}) 혹은 $(document).ready(function(){})로 감싸면 위치가 어디든 문서가 최후에 로드되기때문에 어디서든 적용이 가능하다.

$(function(){}) 와 $(document).ready(function(){}) 의 차이.

예제를 보다보면 보이는 두 구문들, 기능도 똑같은거 같은데 무슨 차이가 있을까?

$(document).ready(function(){
	//cord
});

$(function(){
   //cord
 })

결론적으로 $(function(){}) 와 $(document).ready(function(){}) 는 같은 구문이다.

jQuery에서는 $(document).ready(function(){}) 이 너무나 일반적으로 사용되기 때문에 축약형으로 $(function(){}) 을 제공한다.