반응형


* jQuery(제이쿼리)

HTML의 클라이언트 사이드 조작을 단순화하도록 설계된 크로스 플랫폼의 자바스크립트 라이브러리


기본 구조

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

$(function(){ });



* jQuery(제이쿼리) 선택자 지정하기


ex1) 


↓ 출력화면



좀 더 자세한 예제.


ex2)


↓ 출력화면



* 제이쿼리 속성 선택자

"요소[속성='값']"  →해당 값을 갖고 있는 요소

"요소[속성$='값']" →해당 값으로 끝나는 요소

"요소[속성^='값']" →해당 값으로 시작되는 요소


 .val: html의 value값을 뜻한다. 



↓ 출력화면


→이어 제이쿼리 메서드 체이닝, 필터 선택자(checked,focus,selected,contains,nth-child 등) 예제 및 정리!!



반응형

+ Recent posts