[JQuery] 선택자

1. JQuery

JQuery는 자바스크립트의 확장판으로 사이트의 이벤트(동작)을 담당한다.
- HTML 뼈대 / CSS 스타일 / JQuery 이벤트(동작)

JQuery를 잘 사용하기 위해서는 셀럭터를 잘 선택할 줄 알아야한다.

 

 

2. JQuery 사용방법

Download jQuery | jQuery

 

 

3. JQuery 기본 문법

 

$(selector).action()

 

- $ = 제이쿼리를 나타내는 기호

- selector: 선택할 객체의 선택자

- action(): 실행할 함수(기능)

 

	$(document).ready(function() {  //body가 로딩되고 난 후 실행됨
		$("button").click(function() {
			alert("안녕하세요~");
		});
	});

element[속성~=값]: 해당 값이 특정 단어로 시작

element[속성^=값]: 특정 값으로 시작하는 객체

element[속성$=값]: 특정 값으로 끝나는 객체

element[속성*=값]: 특정 값을 포함하는 문서 객체

 

 

$(selecter).hasClass('foo'); // hasClass는 여러개 클래스를 멀티로 나열하여 체크할 수 없다.

$(selecter).is('.foo, .box, .test'); // is로 체크