목록Front-End/jQuery (14)
고래씌
1. 필터 관련 선택자 이름 혈액형 거주지 홍길동 B형 서울 이고래 B형 서울 이순신 A형 경기 총 인원 3명 ▶ $("tr:first").css("background","black").css("color","white"); == $("tr:first-of-type").css("background","black").css("color","white"); ☞ tr태그 중 첫번째 요소 ☞ css 에서는 first-of-type이었는데 ... ☞ jQuery에서는 first로 바뀐다! 2. 필터링과 관련된 메소드 - 기준이 되는 요소중에서 특정 요소만을 걸러서 선택해주는 메소드 - first(), last(), filter(), eq(), not() test-1 test-2 test-3 test-4 test-..
1. 자손선택자(>) , 후손선택자 () 자손1 div의 후손이면서 ul의 자손1 div의 후손이면서 ul의 자손2 div의 후손이면서 ul의 자손3 div의 후손이면서 ul의 자손4 div/ul의 후손이면서 li의 자손 자손2 자손3 ▶ div 태그의 자식중 h3만 선택하기 $(function(){ $("div>h3").css("color","lightblue"); }) ▶ div 태그의 후손중 h3만 선택하기 $(function(){ // div태그의 후손중 h3만 선택하기 $("div h3").css("backgroundColor",'violet'); // ⓐ $("div li>h3").css("backgroundColor",'red'); // ⓑ // div>ul>li>h3 == div ul h3..
1. 아이디 선택자 : 특정 고유한 아이디값을 가진 요소 하나만을 선택하고자 할 때 ID1 ID2 ▶ jQuery 방식으로 아이디 요소 선택 => $("#아이디명") ex) ☞ .html() : 선택된 요소의 innerHTML과 관련된 기능을 수행 ☞ "h2변경"으로 값이 변경되어 출력됨 2. 태그 선택자 JAVA oracle jdbc html css javascript ▶ jQuery 방식 => ${'태그명'}.css(); ▶ 여러 종류의 태그들을 동시에 선택하고자 할 때 ${'태그명','태그명'}.css(); 3. 클래스 선택자 : 특정한 클래스 속성들을 가진 요소들을 선택하고자 할 때 사용 Class1 Class2 Class3 ▶ jquery 방식 $(".select") .css("backgroun..
1. jQuery 란? - 기존에 자바스크립트 언어만으로 구현하기에 복잡했던 구문 작성들을 간소화하기 위해 "존 레식"에 의해 개발된 JavaScript기반의 라이브러리(유용한 기능들의 모음집) - 즉, JavaScript언어로 유용한 함수나, 내용들이 이미 만들어져있는 모음집 - 복잡한 자바스크립트 구문을 보다 짧고 쉽게 개발 가능(적은 양의 코드로 빠르고, 풍부한 기능 제공) ▶ jQuery 장점 0) 국내에서 많은 회사들이 사용하고 있다. 1) DOM 요소와 관련된 스크립트를 보다 쉽게 구현할 수 있다 2) AJAX(비동기 통신), 이벤트 처리 등 다양한 기능들을 폭 넓게 지원한다 3) jQuery기반의 확장형 플러그인, 오픈 API 등으 지원한다 (차트, 슬라이드, 애니메이션 등등..) 2. jQ..