권형&오형의 일상

pom.xml1234 (중략) 3.0.7 3 버전 안에서 알아서 쓰면됨. 123456789101112131415161718192021222324252627 (중략) org.apache.tiles tiles-servlet ${org.apache.tiles.version} org.apache.tiles tiles-extras ${org.apache.tiles.version} org.apache.tiles tiles-jsp ${org.apache.tiles.version} org.apache.tiles tiles-core ${org.apache.tiles.version} root-context.xml12345678 (중략) servlet-context.xml12345678910111213141516171819..

⑴ eq 메서드 사용 방법 : 특정 순서의 태그를 선택하거나 순차적으로 접근 가능 $("선택자").eq(번호) 12$("p").eq(1)//p태그들 중 2번째 p태그 선택cs1$("p:nth-child(2)")cs *필터 선택자는 수학적 표현방법에 따라 1번 부터 시작하지만 eq메서드의 경우 자바스크립트의 언어 구조에 따라 0부터 시작 123456789101112131415161718192021 Simple line line line line line line line line line lineColored by Color Scriptercs123456789$(function(){ var p_tag = $("p"); // 태그를 선택해서 변수에 넣음 var p_tag_len = p_tag.lengh; /..

1. 자식 선택자와 자손 선택자 DOM에서 하위 노드가 자식요소의 개념 ⑴ 자식요소의 선택방법(CSS 선택자와 동일한 형태) $("선택자" > 선택자"); 12$("#s1>p");//#s1의 자식 요소인 태그를 선택하는 경우cs ⑵ 메서드를 사용하는 방법 : 이 때 사용하는 메서드는 '선택'역할 수행 css의 :nth-child(n)과 동일 * 자식 요소 선택 $("선택자").children("선택자");12$("#s1").children("p1");//#s1의 자식 요소인 태그를 선택하는 경우cs 12$("#s1").children();//자식요소 전부 선택cs * 자손 요소 선택 $("선택자").find("선택자"); 12$("선택자").find("선택자");//해당 태그에 속한 요소중 원하는 것을 ..

jQuery의 코드는 선택자와 메서드의 조합으로 구성되는 경우가 많다. 선택자는 HTML의 태그를 쉽게 선택해서 jQuery를 통해 기능을 구현할 수 있도록 만들어준다. $("선택자") $("선택자").메서드(매개변수, 함수 등) 12$("span").hide();//모든 span태그 선택 후 숨기는 기능을 수행하는 메서드 실행cs 기본 선택자 전통적인 자바스크립트에서 사용되었던 아이디 선택, 이름 선택과 같으나 더 확장된 형태를 지원한다. .p1{ color : red;}$ ( ".p1") .css ('color','red' );CSSjQuery 종류형태전체 선택자*태그 선택자태그아이디 선택자#아이디클래스 선택자.클래스 1234567891011121314 title some... 123$(functio..

jQuery 키워드 치환 123$(document).ready(function(){ //실행할 코드}); 12$("p")jQuery("p") $와 jQuery를 구분해서 사용하는 경우$ 문자 치환의 경우 jQuery 라이브러리에서만 사용되지 않는다. 다른 자바스크립트 라이브러리(Prototype 등)에서도 사용되므로 두 개 이상의 자바스크립트 라이브러리를 사용한다면 라이브러리 간에 충돌이 생길 수있다.→ 이 경우에는 $ 치환을 해서는 안된다. 일반적으로는 jQuery 라이브러리 하나만 사용하기 때문에 $문자를 사용하면 된다. $(document).ready()의 단축 형태 123$(function(){ //실행할 코드}); 1234567891011 Simple Colored by Color Scripte..