띵코의 개발 공부

jQuery

- 프론트엔드 프레임워크

- chaining method 

형식) $(element(태그),id,class선택자,,,).함수명().함수명()....

- 다양한 함수를 암기하는 것이 중요하다. 

- jquery api 사이트에서 검색을 통해 예제 등을 확인할 수 있다. 

ex) css함수

api.jquery.com/css/

*

 selector(선택자) 

 element(태그) 

 function(함수) 

ready 함수

html문서를 읽어들여서 DOM이 로드 된 후, 페이지가 열리기 전에

자바스크립트 코드가 먼저 실행되고자 할때 사용하는 함수이다. 

	//(1)
    $(document).ready(function(){
		alert("ready()")
	})
    //(2)
	$().ready(function(){
		alert("ready()")
	})
    //(3)
	$(function(){
		alert("ready()")
	})

세가지 방법 모두 동일한 의미를 나타내며, (3)의 방법이 가장 간결한 최근의 형태이다.

var test  VS  var $test 

//JavaScript
var $t1 = $('h4')
$t1.css('font-family','궁서체').css('background','yellow')

=> h4태그를 갖는 태그객체를 t1에 저장한다는 의미로 h4태그에 스타일 함수가 적용된다

-css함수

 형식) .css( propertyName, value ) 

//$('태그명').css('속성명','속성값') //홑따옴표,겹따옴표 모두 사용가능
$('h1').css('color','red')
$('span').css('background','blue')

//$('태그명.클래스선택자명').css('속성명','속성값')
//$('.클래스선택자명').css('속성명','속성값')
$('p.my').css('border','8px solid green')
$('.my').css('border','8px solid green')

//$('태그명#id선택자이름') //id선택자는 중복이 불가능하므로 앞에 태그명을 붙이는 것이 의미가 없다
$('#content').css('background','yellow')

//모든 태그를 가리키는 예약어 -> *
//같은 대상에 스타일을 여러번 부여하면 가장 마지막에 있는 스타일이 적용된다
$('*').css('color','cyan')